Cách sử dụng các thuộc tính văn bản (Text-Transform) trong CSS

1. Ý nghĩa CSS: 

Thuộc tính text-transform dùng để thiết lập các ký tự viết hoa hay viết thường cho văn bản.

2. Cấu trúc CSS :

tag {
    text-transform: giá trị;
}

Với giá trị như sau:

Thuộc tính	Giá trị	Ví dụ	Mô tả
text-transform	none	text-transform: none;	Trả văn bản về dạng mặc định ban đầu.
	capitalize	text-transform: capitalize;	Chữ đầu tiên của mỗi thành phần là chữ hoa.
	uppercase	text-transform: uppercase;	Tất cả chữ trong văn bản thành chữ hoa.
	lowercase	text-transform: lowercase;	Tất cả chữ trong văn bản thành chữ thường.
	inherit	text-transform: inherit;	Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).

3. Ví dụ về CSS và hiển thị:

p.capitalizeText {
    text-transform: capitalize;
}

=> Sẽ Hiển Thị Như Thế Này

--------------------------

p.uppercaseText {
    text-transform: uppercase;
}
=> SẼ HIỂN THỊ NHƯ THẾ NÀY
-------------------------- p.lowercaseText {     text-transform: lowercase; }

=> sẽ hiển thị như thế này