HTML DOM स्टाइल textDecorationLine प्रॉपर्टी

परिचय

HTML DOM स्टाइल textDecorationLine प्रॉपर्टी HTML दस्तावेज़ में किसी एलिमेंट के टेक्स्ट को सजाने वाली लाइन के प्रकार को प्राप्त करती है और संशोधित करती है।

सिंटैक्स

मान प्राप्त करना

object.style.textDecorationLine

मान सेट करना

object.style.textDecorationLine = "value"

मान

उदाहरण

पैराग्राफ टेक्स्ट की डेकोरेशन लाइन को line-through से underline में बदलना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { color: #000; background: lightblue; height: 100vh; }
  p { margin: 1.5rem auto; text-decoration-line: line-through; }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 40%;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>DOM स्टाइल textDecorationLine प्रॉपर्टी उदाहरण</h1>
<p>यह पैराग्राफ 1 कुछ डमी टेक्स्ट के साथ है। यह पैराग्राफ 1 कुछ डमी टेक्स्ट के साथ है।</p>
<button onclick="add()" class="btn">textDecorationLine बदलें</button>
<script>
  function add() {
    document.querySelector('p').style.textDecorationLine = "underline";
  }
</script>
</body>
</html>

आउटपुट

"textDecorationLine बदलें" बटन पर क्लिक करने पर पैराग्राफ टेक्स्ट की स्ट्राइकथ्रू लाइन अंडरलाइन में बदल जाएगी।