Thuộc tính text-transform

Thuộc tính text-transform thiết lập kiểu chữ viết hoa viết thường cho văn bản: kiểu chữ hoa (chữ cái in hoa), kiểu chữ thường (chữ cái viết thường nhỏ), có thể viết hoa chữ cái đầu tiên của mỗi từ.

Cú pháp

bộ chọn {
	text-transform: capitalize | lowercase | uppercase | none;
}

Giá trị

Giá trị	Mô tả
`capitalize`	Ký tự đầu tiên của mỗi từ trong câu sẽ được viết hoa.
`lowercase`	Tất cả các ký tự văn bản được chuyển thành kiểu chữ thường.
`uppercase`	Tất cả các ký tự văn bản được chuyển thành KIỂU CHỮ HOA.
`none`	Không thay đổi kiểu chữ viết hoa viết thường.

Giá trị mặc định: none.

Ví dụ . Giá trị capitalize

Bây giờ chữ cái đầu tiên của mỗi từ sẽ trở thành chữ hoa:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: capitalize;
}

Ví dụ . Giá trị uppercase

Bây giờ tất cả các ký tự sẽ trở thành chữ hoa:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: uppercase;
}

Ví dụ . Giá trị lowercase

Bây giờ tất cả các ký tự sẽ trở thành chữ thường (tức là nhỏ, không phải chữ hoa):

<p>
	LOREM IPSUM DOLOR SIT AMET.
</p>

p {
	text-transform: lowercase;
}