Các text-decoration-stylebất động sản thiết lập phong cách của gạch dưới trên các liên kết và gạch dưới, overline, hoặc line-qua bất kỳ văn bản với text-decorationáp dụng.
a ( text-decoration-style: solid; )Giá trị
solid: mặc định. Trang trí là một đường liền nét duy nhất.double: Trang trí là một đôi đường liền mạch.dotted: Trang trí là một đường chấm.dashed: Trang trí là nét đứt.wavy: Trang trí là một đường lượn sóng.
Bản giới thiệu
Tại thời điểm viết bài này, text-decoration-stylechỉ được hỗ trợ chính thức trong Firefox. Nó cũng sẽ hoạt động trong trình duyệt Chrome với cờ các tính năng nền tảng web thử nghiệm được bật.
Xem kiểu trang trí văn bản Pen của CSS-Tricks (@ css-trick) trên CodePen.
Tốc ký
Trong các trình duyệt hỗ trợ text-decoration-stylevà text-decoration-colorbạn có thể thêm kiểu trang trí vào thuộc text-decorationtính viết tắt:
.underlined ( text-decoration: underline dotted red; )Hiện tại chỉ có Firefox hỗ trợ tính năng này. Safari hỗ trợ nó với -webkittiền tố. Chrome cũng cần -webkittiền tố và các tính năng nền tảng web thử nghiệm được bật trong cờ Chrome.
Có liên quan
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Thêm thông tin
- kiểu trang trí văn bản trong Mô-đun trang trí văn bản CSS W3C cấp 3 CR
- văn bản-trang trí-phong cách tại MDN
Hỗ trợ trình duyệt
| Trình duyệt Chrome | Safari | Firefox | Opera | I E | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | không ai | 6 † | không ai | không ai | không ai | không ai |
* chỉ với cờ các tính năng nền tảng web thử nghiệm được bật
† Firefox 6+ có -moztiền tố, 36+ không có tiền tố.