Các text-decoration-colorbất động sản thiết lập màu sắc của gạch dưới, overline, hoặc line-qua văn bản với các text-decorationtài sản được áp dụng. Nó cũng có thể đặt màu gạch chân trên các liên kết.
a ( text-decoration-color: #E18728; )Giá trị
text-decoration-colorcó thể inherithoặc chấp nhận bất kỳ giá trị màu CSS nào, bao gồm các màu được đặt tên, màu HEX, RGBa và HSLa.
Tốc ký
Trong các trình duyệt hỗ trợ text-decoration-stylevà text-decoration-colorbạn có thể thêm màu vào thuộc text-decorationtính tốc ký:
.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.
Bản giới thiệu
Trong text-decoration-colorbản trình diễn này hoạt động trên các phiên bản Firefox và Safari hiện tại. Nó cũng sẽ hoạt động trong Chrome với cờ "các tính năng nền tảng web thử nghiệm" được bật.
Xem phần-trang-trí-màu-văn-bản của Bút bằng CSS-Tricks (@ css-trick) trên CodePen.
Có liên quan
text-decorationtext-decoration-linetext-decoration-styletext-decoration-skip
Thêm thông tin
text-decoration-colortrong Mô-đun trang trí văn bản CSS cấp 3 CRtext-decoration-colortại MDN
Hỗ trợ trình duyệt
| Trình duyệt Chrome | Safari | Firefox | Opera | I E | Android | iOS |
|---|---|---|---|---|---|---|
| 31 † | 7.1 * | 6.0 ‡ | không ai | không ai | không ai | số 8* |
† với “các tính năng Nền tảng web thử nghiệm” được bật trong chrome: // flags. Cần có tiền tố -webkit- của Chrome 31. Chúng tôi đã thử nghiệm Chrome 50 và nó chỉ hoạt động chưa được khắc phục.
‡ 6+ với tiền tố -moz, chưa có tiền tố là 36.