Thuộc tính text-decoration-line

Thuộc tính text-decoration-line xác định vị trí đường kẻ của văn bản. Thuộc tính nên được sử dụng cùng với các thuộc tính text-decoration-style và text-decoration-color. Các thuộc tính này mở rộng tác dụng của thuộc tính text-decoration, là các phiên bản tương tự nhưng tiên tiến hơn.

Cú pháp

bộ chọn {
	text-decoration-line: underline | line-through | overline | none;
}

Các 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 khỏi 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 là: underline.

Ví dụ

Hãy gạch ngang văn bản bằng một đường màu đỏ:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: solid;
	text-decoration-color: red;
	text-decoration-line: line-through;
}