Tự học CSS: Thuộc tính text-transform

Bài viết tiếp theo trong series Tự học CSS, mình xin chia sẻ với các bạn về thuộc tính text-transform - "Biến hình" nội dung text.

1. Cấu trúc khai báo:

.class { text-transform: giá trị }

#id { text-transform: giá trị }

keyword { text-transform: giá trị }

2. Một số giá trị và ý nghĩa:

- text-transform: none (Giá trị mặc định - Text hiển thị bình thường)
- text-transform: lowercase (Biến tất cả text thành chữ in thường)
- text-transform: uppercase (Biến tất cả text thành chữ in hoa)
- text-transform: capitalize (In hoa chữ cái đầu của mỗi từ)

Chúc các bạn thành công !