Thuộc Tính Text-transform Trong CSS - Web Cơ Bản
Có thể bạn quan tâm
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 cao2) Cách sử dụng thuộc tính text-transform trong CSS
- Để sử dụng thuộc tính text-transform, ta dùng cú pháp như sau:
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;- 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ụ |
Từ khóa » Trong Css để Chuyển đổi Ký Tự Thành Chữ Thường Ta Dùng Thuộc Tính
-
Thuộc Tính Text-transform Trong CSS
-
Thuộc Tính Text-transform | CSS | Học Web Chuẩn
-
Viết Hoa Trong CSS Sử Dụng Thuộc Tính Text-transform
-
Đổ Bóng Text-shadow Và Chuyển Chữ Text-transform CSS
-
Thuộc Tính Text-transform Trong CSS
-
Thuộc Tính Text Trong CSS - Thủ Thuật
-
Xử Lý Text Trong CSS Như Thế Nào? - Viblo
-
Những Thuộc Tính Thú Vị Trong CSS P5 - Viblo
-
Thuộc Tính Text-Transform Trong CSS - Quách Quỳnh
-
Một Số Thuộc Tính Xử Lý Text Trong CSS
-
Văn Bản Trong CSS - Text
-
8 Thuộc Tính Văn Bản Trong CSS: Hiểu Rõ Nó Sẽ Giúp Bạn Rất Nhiều đấy
-
Thuộc Tính Text-transform Trong Css
-
Text Trong CSS