Thuộc tính dòng trang trí văn bản CSS
Ví dụ
Đặt các loại dòng trang trí văn bản khác nhau:
div.a
{
text-decoration-line: overline;
}
div.b
{
text-decoration-line: underline;
}
div.c
{
text-decoration-line: line-through;
}
div.d
{
text-decoration-line: overline underline;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính text-decoration-line
đặt loại trang trí văn bản sẽ sử dụng (như gạch chân, gạch chân, gạch ngang).
Mẹo: Ngoài ra, hãy xem thuộc tính text-trang trí , đây là thuộc tính ngắn gọn cho dòng trang trí văn bản, kiểu trang trí văn bản, màu sắc trang trí văn bản và độ dày trang trí văn bản.
Lưu ý: Bạn cũng có thể kết hợp nhiều giá trị, chẳng hạn như gạch chân và gạch chân để hiển thị các dòng cả bên dưới và bên trên văn bản.
Giá trị mặc định: | không có |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.textDecorationLine="overline" Hãy thử nó |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau -moz- hoặc -webkit- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
text-decoration-line | 57.0 | 79.0 | 36.0 6.0 -moz- | 12.1 7.1 -webkit- | 44.0 |
Cú pháp CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
none | Default value. Specifies no line for the text-decoration | Demo ❯ |
underline | Specifies that a line will be displayed under the text | Demo ❯ |
overline | Specifies that a line will be displayed over the text | Demo ❯ |
line-through | Specifies that a line will be displayed through the text | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Trang trí văn bản CSS
Tham chiếu DOM HTML: thuộc tính textDecorationLine