text-transform css | hiển thị chữ thường thành chữ IN HOA

Thuộc tính text-transform trong CSS cho phép bạn thay đổi các hiển thị đoạn text bạn muốn thành chữ "IN HOA" hoặc chữ "thường" hoặc viết hoa "Chữ Cái Đầu".

HTML:
<p id="textid1">BẠn muốn hiển thị chữ IN HOA hay chữ thường hay viết Hoa Tất Cả Các Chữ Cái Đầu</p>

Các giá trị của thuộc tính.
 - uppercase: hiển thị tất cả thành chữ IN HOA
CSS:
#textid1 {
text-transform: uppercase;
}
Kết quả:

BẠn muốn hiển thị chữ IN HOA hay chữ thường hay viết Hoa Tất Cả Các Chữ Cái Đầu

 - lowercase: hiển thị tất cả thành chữ thường.
CSS:
#textid1 {
text-transform: lowercase;
}
Kết quả:

BẠn muốn hiển thị chữ IN HOA hay chữ thường hay viết Hoa Tất Cả Các Chữ Cái Đầu

 - capitalize: Viết hoa tất cả chữ cái đầu.
CSS:
#textid1 {
text-transform: capitalize;
}
Kết quả:

BẠn muốn hiển thị chữ IN HOA hay chữ thường hay viết Hoa Tất Cả Các Chữ Cái Đầu