Thuộc tính text-decoration
Thuộc tính text-decoration thêm
vào văn bản các hiệu ứng khác nhau: gạch chân,
gạch ngang, đường kẻ phía trên.
Cú pháp
bộ chọn {
text-decoration: underline | line-through | overline | none;
}
Giá trị
| Giá trị | Mô tả |
|---|---|
underline |
Tạo văn bản gạch chân. |
line-through |
Tạo văn bản gạch ngang. |
overline |
Tạo đường kẻ phía trên văn bản. |
none |
Loại bỏ gạch chân của phần tử được gạch chân. Thường được sử dụng nhất cho các liên kết, vì theo mặc định chúng được gạch chân. |
Giá trị mặc định: none. Đối với liên kết
giá trị mặc định: underline.
Ví dụ . Giá trị underline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
Ví dụ . Giá trị line-through
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
Ví dụ . Giá trị overline
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
Xem thêm
-
thuộc tính
text-decoration-style,
cho phép thay đổi kiểu đường kẻ -
thuộc tính
text-decoration-color,
cho phép thay đổi màu sắc đường kẻ -
thuộc tính
text-decoration-line,
cho phép thay đổi vị trí đường kẻ
