text-decoration-line प्रॉपर्टी

text-decoration-line प्रॉपर्टी टेक्स्ट पर लाइन की स्थिति निर्धारित करती है। यह प्रॉपर्टी text-decoration-style और text-decoration-color प्रॉपर्टीज़ के साथ संयुक्त रूप से उपयोग की जानी चाहिए। ये प्रॉपर्टीज़ text-decoration प्रॉपर्टी के प्रभाव का विस्तार करती हैं, जो अधिक उन्नत एनालॉग्स हैं।

सिंटैक्स

cssसेलेक्टर {
  text-decoration-line: underline | line-through | overline | none;
}

वैल्यूज़

वैल्यू	विवरण
`underline`	अंडरलाइन टेक्स्ट बनाता है।
`line-through`	काटा हुआ टेक्स्ट बनाता है।
`overline`	टेक्स्ट के ऊपर एक लाइन बनाता है।
`none`	अंडरलाइन एलिमेंट की अंडरलाइनिंग को हटाता है। आमतौर पर लिंक्स के लिए उपयोग किया जाता है, क्योंकि वे डिफ़ॉल्ट रूप से अंडरलाइन होते हैं।

डिफ़ॉल्ट वैल्यू: none। लिंक्स के लिए डिफ़ॉल्ट वैल्यू: underline।

उदाहरण

आइए टेक्स्ट को लाल लाइन से काटें:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: solid;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: