Khái niệm

text-transform là một thuộc tính trong CSS được sử dụng để thay đổi hiển thị của văn bản bằng cách biến đổi nó theo các cách khác nhau. Nó cho phép bạn thay đổi viết hoa chữ cái, làm cho chữ in hoa hết, in thường hết hoặc viết hoa chữ cái đầu tiên của mỗi từ.

Dưới đây là các giá trị có thể sử dụng cho text-transform:

• none: Đây là giá trị mặc định và không biến đổi văn bản theo bất kỳ cách nào.
• uppercase: Biến đổi tất cả các ký tự thành chữ in hoa.
• lowercase: Biến đổi tất cả các ký tự thành chữ thường.
• capitalize: Viết hoa chữ cái đầu tiên của mỗi từ.

Cách sử dụng

Ví dụ

HTML

<h1> Hello </h1>

CSS

h1 {
  text-transform: uppercase;
}

Kết quả:

Trải nghiệm