Thuộc tính text-transform
Định nghĩa và sử dụng Thuộc tính text-transform thiết lập các ký tự viết hoa cho văn bản. Cấu trúc tag { text-transform: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả text-transform none Trả văn bản về dạng mặc định ban đầu. capitalize Chữ đầu tiên […]
Định nghĩa và sử dụng
Thuộc tính text-transform thiết lập các ký tự viết hoa cho văn bản.
Cấu trúc
tag {
text-transform: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| text-transform | none | Trả văn bản về dạng mặc định ban đầu. |
| capitalize | Chữ đầu tiên của mỗi thành phần là chữ hoa. | |
| uppercase | Tất cả chữ trong văn bản thành chữ hoa. | |
| lowercase | Tất cả chữ trong văn bản thành chữ thường. | |
| inherit | Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). |
Ví dụ
Html viết:
<html> <head></head> <body> <p class="capitalizeText">học html - css</p> <p class="uppercaseText">học html - css</p> <p class="lowercaseText">học html - Css</p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
học html – css
học html – css
học html – Css
CSS viết:
p.capitalizeText {
text-transform: capitalize;
}
p.uppercaseText {
text-transform: uppercase;
}
p.lowercaseText {
text-transform: lowercase;
}
Hiển thị trình duyệt:
học html – css
học html – css
học html – Css
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
