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

परिचय

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

सिंटैक्स

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

object.style.textDecorationColor

मान सेट करना

object.style.textDecorationColor = "color"

उदाहरण

पैराग्राफ टेक्स्ट की स्ट्राइकथ्रू लाइन का रंग बदलना:

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

आउटपुट

"textDecorationColor बदलें" बटन पर क्लिक करने पर पैराग्राफ टेक्स्ट की स्ट्राइकथ्रू लाइन का रंग लाल (#db133a) हो जाएगा।