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

परिचय

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

सिंटैक्स

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

object.style.textDecorationStyle

मान सेट करना

object.style.textDecorationStyle = "value"

मान

उदाहरण

पैराग्राफ टेक्स्ट की अंडरलाइन स्टाइल को wavy में बदलना:

<!DOCTYPE html>
<html>
<head>
<style>
  body { color: #000; background: lightblue; height: 100vh; }
  p { margin: 1.5rem auto; text-decoration-line: underline; }
  .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 स्टाइल textDecorationStyle प्रॉपर्टी उदाहरण</h1>
<p>यह पैराग्राफ 1 कुछ डमी टेक्स्ट के साथ है। यह पैराग्राफ 1 कुछ डमी टेक्स्ट के साथ है।</p>
<button onclick="add()" class="btn">textDecorationStyle बदलें</button>
<script>
  function add() {
    document.querySelector('p').style.textDecorationStyle = "wavy";
  }
</script>
</body>
</html>

आउटपुट

"textDecorationStyle बदलें" बटन पर क्लिक करने पर पैराग्राफ टेक्स्ट की अंडरलाइन स्टाइल लहरदार (wavy) हो जाएगी।