Thuộc tính text-decoration
Định nghĩa và sử dụng Thuộc tính text-decoration thiết lập các trang trí thêm cho text. Cấu trúc tag { text-decoration: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả text-decoration none Định dạng văn bản bình thường, đây là dạng mặc định. underline Xác định đường […]
Định nghĩa và sử dụng
Thuộc tính text-decoration thiết lập các trang trí thêm cho text.
Cấu trúc
tag {
text-decoration: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| text-decoration | none | Định dạng văn bản bình thường, đây là dạng mặc định. |
| underline | Xác định đường gạch bên dưới văn bản. | |
| overline | Xác định đường gạch bên trên văn bản. | |
| line-through | Xác định đường gạch ngang văn bản. | |
| blink | Xác định văn bản nhấp nháy. | |
| 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="lineUnder">Line under text</p> <p class="lineOver">Line Over text</p> <p class="lineThrough">Line Over through</p> <p class="lineBlink">Line Over blink</p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
Line under text
Line Over text
Line Over through
Line Over blink
CSS viết:
p.lineUnder {
text-decoration: underline;
}
p.lineOver {
text-decoration: overline;
}
p.lineThrough {
text-decoration: line-through;
}
p.lineBlink {
text-decoration: blink;
}
Hiển thị trình duyệt:
Line under text
Line Over text
Line Over through
Line Over blink
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
