पाठ-सजावट-रंग - सीएसएस-ट्रिक्स

text-decoration-colorसाथ संपत्ति पाठ पर के माध्यम से लाइन रेखांकन, overline, या के रंग सेट text-decorationसंपत्ति आवेदन किया। यह लिंक पर अंडरलाइन रंग भी सेट कर सकता है।

a ( text-decoration-color: #E18728; )

मूल्यों

text-decoration-colorinheritनाम रंग, HEX रंग, RGBa और HSLa सहित किसी भी सीएसएस रंग मूल्य को स्वीकार या स्वीकार कर सकते हैं ।

आशुलिपि

समर्थन करने वाले ब्राउज़र text-decoration-styleऔर text-decoration-colorआप text-decorationशॉर्टहैंड प्रॉपर्टी में रंग जोड़ सकते हैं:

.underlined ( text-decoration: underline dotted red; )

वर्तमान में केवल फ़ायरफ़ॉक्स इस उपसर्ग का समर्थन करता है। सफारी इसे -webkitउपसर्ग के साथ समर्थन करता है । Chrome -webkitको Chrome फ़्लैग में सक्षम उपसर्ग और प्रयोगात्मक वेब प्लेटफ़ॉर्म सुविधाएँ भी चाहिए।

डेमो

text-decoration-colorइस डेमो में Firefox और Safari के वर्तमान संस्करण में काम करता है। यह क्रोम में "प्रयोगात्मक वेब प्लेटफ़ॉर्म सुविधाओं" ध्वज सक्षम के साथ भी काम करेगा।

CodePen पर CSS-Tricks (@ css-tricks) द्वारा पेन टेक्स्ट-डेकोरेशन-कलर देखें।

सम्बंधित

• text-decoration
• text-decoration-line
• text-decoration-style
• text-decoration-skip

अधिक जानकारी

• text-decoration-color सीएसएस पाठ सजावट मॉड्यूल स्तर 3 सीआर में
• text-decoration-color एमडीएन में

ब्राउज़र का समर्थन

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
31 †	7.1 *	6.0 ‡	कोई नहीं	कोई नहीं	कोई नहीं	8 *

"प्रयोगात्मक वेब प्लेटफ़ॉर्म सुविधाओं" के साथ क्रोम: // झंडे में बदल गया। Chrome 31 की आवश्यकता है -webkit- उपसर्ग। हमने क्रोम 50 का परीक्षण किया और यह केवल उपसर्ग में काम आया।
‡ 6+ के साथ -moz उपसर्ग, 36 के रूप में उपसर्ग।