Thuộc tính text-decoration-line của CSS
- trang trước text-decoration-color
- trang sau text-decoration-style
Định nghĩa và cách sử dụng
Thuộc tính text-decoration-line thiết lập loại văn bản trang trí cần sử dụng (dưới底线, trên底线, xuyên底线).
Lưu ý:Vui lòng tham khảo thuộc tính text-decoration, nó là thuộc tính viết tắt của text-decoration-line, text-decoration-style và text-decoration-color.
Chú thích:Bạn có thể kết hợp nhiều giá trị, ví dụ như underline và overline, để hiển thị đường qua văn bản ở trên và dưới cùng một lúc.
Xem thêm:
Hướng dẫn CSS:CSS văn bản
Hướng dẫn HTML DOM:textDecorationLine Thuộc tính
Ví dụ
Đặt các loại đường text-decoration 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; }
Cú pháp CSS
text-decoration-line: 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 text-decoration không có đường. |
underline | Định nghĩa hiển thị đường qua văn bản ở dưới văn bản. |
overline | Định nghĩa hiển thị đường qua văn bản ở trên văn bản. |
line-through | Định nghĩa hiển thị đường qua văn bản. |
initial | Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial. |
inherit | Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit. |
Chi tiết kỹ thuật
Giá trị mặc định: | none |
---|---|
Kế thừa: | không |
Tạo animation: | không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation. |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object.style.textDecorationLine="overline" |
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ợ đầy đủ thuộc tính này.
Số số đầu tiên trong bảng có -webkit- hoặc -moz- biểu thị phiên bản đầu tiên sử dụng tiền tố.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 7.1 -webkit- |
44.0 |
- trang trước text-decoration-color
- trang sau text-decoration-style