पाठ-सजावट-शैली - सीएसएस-ट्रिक्स

text-decoration-styleसंपत्ति लिंक और रेखांकन, overline, या लाइन के माध्यम से किसी भी पाठ पर पर रेखांकन की शैली के साथ सेट text-decorationलागू होता है।

a ( text-decoration-style: solid; )

मूल्यों

• solid: डिफ़ॉल्ट। सजावट एक एकल ठोस रेखा है।
• double: सजावट ठोस लाइनों की एक जोड़ी है।
• dotted: सजावट एक बिंदीदार रेखा है।
• dashed: सजावट एक धराशायी लाइन है।
• wavy: सजावट एक लहराती रेखा है।

डेमो

इस लेखन के समय, text-decoration-styleकेवल आधिकारिक तौर पर फ़ायरफ़ॉक्स में समर्थित है। यह क्रोम ब्राउज़र में प्रयोगात्मक वेब प्लेटफ़ॉर्म फ्लैग सक्षम के साथ भी काम करेगा।

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

आशुलिपि

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

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

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

सम्बंधित

• text-decoration
• text-decoration-line
• text-decoration-color
• text-decoration-skip

अधिक जानकारी

• W3C CSS पाठ सजावट मॉड्यूल स्तर 3 सीआर में पाठ-सजावट-शैली
• एमडीएन में पाठ-सजावट-शैली

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

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

* केवल प्रयोगात्मक वेब प्लेटफ़ॉर्म सुविधाओं के साथ सक्षम ध्वज

, फ़ायरफ़ॉक्स ६+ -mozउपसर्ग के साथ , ३६+ उपसर्ग।