text-decoration-style प्रॉपर्टी
text-decoration-style प्रॉपर्टी
टेक्स्ट की लाइन का प्रकार बदलती है: एकल लाइन, डबल,
बिंदुओं के रूप में, डैश के रूप में, लहरदार लाइन।
इस प्रॉपर्टी का उपयोग text-decoration-line
और text-decoration-color
प्रॉपर्टीज़ के साथ संयुक्त रूप से किया जाना चाहिए।
ये प्रॉपर्टीज़ text-decoration
प्रॉपर्टी की कार्रवाई का विस्तार करती हैं,
जो अधिक उन्नत एनालॉग हैं।
सिंटैक्स
सिलेक्टर {
text-decoration-line: solid | double | dotted | dashed | wavy;
}
वैल्यूज़
| वैल्यू | विवरण |
|---|---|
solid |
ठोस लाइन। |
double |
डबल लाइन। |
dotted |
बिंदुओं के रूप में लाइन। |
dashed |
डैश के रूप में लाइन। |
wavy |
लहरदार लाइन। |
डिफ़ॉल्ट वैल्यू: solid.
उदाहरण . wavy वैल्यू
अब टेक्स्ट लाल लहरदार लाइन के साथ अंडरलाइन हो जाएगा:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-line: underline;
}
:
उदाहरण . dotted वैल्यू
अब टेक्स्ट लाल बिंदुवाली लाइन के साथ अंडरलाइन हो जाएगा:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: dotted;
text-decoration-color: red;
text-decoration-line: underline;
}
:
उदाहरण . double वैल्यू
अब टेक्स्ट लाल डबल लाइन के साथ क्रॉस आउट हो जाएगा:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration-style: double;
text-decoration-color: red;
text-decoration-line: line-through;
}
: