Thuộc tính textDecorationStyle
- Trang trước textDecorationLine
- Trang tiếp theo textIndent
- Quay lại層 trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
textDecorationStyle
Cài đặt hoặc trả về cách hiển thị đường (nếu có).
Xem thêm:
Tài liệu tham khảo CSS:Thuộc tính text-decoration-style
Mô hình
Hiển thị đường sóng dưới đoạn văn:
document.getElementById("myP").style.textDecorationStyle = "wavy";
Cú pháp
Trả về thuộc tính textDecorationStyle:
object.style.textDecorationStyle
Cài đặt thuộc tính textDecorationStyle:
object.style.textDecorationStyle = "solid|double|dotted|dashed|wavy|initial|inherit"
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
solid | Giá trị mặc định. Các đường hiển thị dưới dạng đường đơn. |
double | Các đường sẽ hiển thị dưới dạng đường đôi. |
dotted | Các đường sẽ hiển thị dưới dạng đường chấm. |
dashed | Các đường sẽ hiển thị dưới dạng đường chấm. |
wavy | Các đường sẽ hiển thị dưới dạng sóng. |
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: | solid |
---|---|
Giá trị trả về: | Chuỗi biểu thị Thuộc tính text-decoration-style. |
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 | 12.1 | 44.0 |
- Trang trước textDecorationLine
- Trang tiếp theo textIndent
- Quay lại層 trên Đối tượng Style của HTML DOM