Thuộc Tính Text-transform Trong CSS - Web Cơ Bản

Có thể bạn quan tâm

Thuộc tính text-transform trong CSS

1) Thuộc tính text-transform trong CSS

- Thuộc tính text-transform dùng để điều chỉnh văn bản sang dạng chữ in hoa hoặc chữ thường.

Ví dụ:

- Tôi có phần tử chứa một đoạn văn bản như sau:

Tài liệu hướng dẫn học LẬP TRÌNH WEB từ cơ bản đến nâng cao

- Với việc sử dụng thuộc tính text-transform, ta có thể chuyển toàn bộ các ký tự trong phần tử sang dạng chữ in hoa.

Tài liệu hướng dẫn học LẬP TRÌNH WEB từ cơ bản đến nâng cao

- Chuyển toàn bộ các ký tự trong phần tử sang dạng chữ thường.

Tài liệu hướng dẫn học LẬP TRÌNH WEB từ cơ bản đến nâng cao

- Hoặc chuyển ký tự đầu tiên của mỗi từ trong phần tử sang dạng chữ in hoa.

Tài liệu hướng dẫn học LẬP TRÌNH WEB từ cơ bản đến nâng cao

- Để sử dụng thuộc tính text-transform, ta dùng cú pháp như sau:

- Trong đó, ta thấy giá trị của thuộc tính text-transform có thể được xác định bởi một trong sáu loại:

none	- Không điều chỉnh.	Xem ví dụ
capitalize	- Ký tự đầu tiên của mỗi từ trong phần tử được chuyển sang chữ in hoa.	Xem ví dụ
uppercase	- Tất cả các ký tự trong phần tử được chuyển sang chữ in hoa.	Xem ví dụ
lowercase	- Tất cả các ký tự trong phần tử được chuyển sang chữ thường.	Xem ví dụ
initial	- Sử dụng giá trị mặc định của nó. (mặc định thì thuộc tính text-transform có giá trị là none)	Xem ví dụ
inherit	- Kế thừa giá trị thuộc tính text-transform từ phần tử cha của nó.	Xem ví dụ