Thuộc tính Style textDecorationLine

Định nghĩa và cách sử dụng

textDecorationLine Thiết lập thuộc tính hoặc trả về loại đường trang trí sẽ được获得 (nếu có).

Ghi chú:Bạn cũng có thể sử dụng thuộc tính textDecoration để thiết lập textDecorationLineLà thuộc tính viết tắt của các thuộc tính sau:

Ghi chú:Bạn có thể kết hợp nhiều giá trị, ví dụ như underline và overlineđể hiển thị đường dưới và trên văn bản cùng lúc.

Xem thêm:

Sách tham khảo CSS:Thuộc tính text-decoration-line

Mô hình

Hiển thị đoạn văn có đường ở trên cùng:

document.getElementById("myP").style.textDecorationLine = "overline";

Thử ngay

Cú pháp

Trả về thuộc tính textDecorationLine:

object.style.textDecorationLine

Cài đặt thuộc tính textDecorationLine:

object.style.textDecorationLine = "none|underline|overline|line-through|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
none Giá trị mặc định. Định nghĩa văn bản không có đường trang trí.
underline Định nghĩa sẽ hiển thị một đường dưới văn bản.
overline Định nghĩa sẽ hiển thị một đường trên văn bản.
line-through Định nghĩa sẽ hiển thị một đường qua văn bản.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: Không có
Giá trị trả về: Chuỗi biểu thị đường của phần tử Thuộc tính text-decoration-line.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 79.0 36.0 7.0 Webkit 44.0