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

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

Giá trị

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:

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

cssp {
  text-transform: capitalize;
}

Результат:

Ví dụ . Giá trị uppercase

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

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

cssp {
  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):

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

cssp {
  text-transform: lowercase;
}

Результат: