text-decoration प्रॉपर्टी
text-decoration प्रॉपर्टी
टेक्स्ट को विभिन्न इफेक्ट्स देती है: अंडरलाइन,
क्रॉस-थ्रू, ऊपर की ओर रेखा।
सिंटैक्स
सिलेक्टर {
text-decoration: underline | line-through | overline | none;
}
वैल्यूज
| वैल्यू | विवरण |
|---|---|
underline |
अंडरलाइन टेक्स्ट बनाता है। |
line-through |
क्रॉस-थ्रू टेक्स्ट बनाता है। |
overline |
टेक्स्ट के ऊपर रेखा बनाता है। |
none |
अंडरलाइन एलिमेंट की अंडरलाइनिंग को हटाता है। आमतौर पर लिंक्स के लिए उपयोग किया जाता है, क्योंकि वे डिफॉल्ट रूप से अंडरलाइन होते हैं। |
डिफॉल्ट वैल्यू: none। लिंक्स के लिए
डिफॉल्ट वैल्यू: underline।
उदाहरण . underline वैल्यू
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: underline;
}
:
उदाहरण . line-through वैल्यू
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: line-through;
}
:
उदाहरण . overline वैल्यू
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-decoration: overline;
}
:
यह भी देखें
-
text-decoration-styleप्रॉपर्टी,
जो लाइन के प्रकार को बदलने की अनुमति देती है -
text-decoration-colorप्रॉपर्टी,
जो लाइन के रंग को बदलने की अनुमति देती है -
text-decoration-lineप्रॉपर्टी,
जो लाइन की पोजीशन को बदलने की अनुमति देती है
