HTML DOM Style wordSpacing गुणधर्म

HTML DOM style wordSpacing गुणधर्म HTML दस्तावेज़ में टेक्स्ट में शब्दों के बीच रिक्ति को लौटाता और संशोधित करता है।

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

wordSpacing लौटाना

object.style.wordSpacing

wordSpacing संशोधित करना

object.style.wordSpacing = "value"

मान (Values)

यहाँ मान निम्न हो सकते हैं:

उदाहरण

आइए HTML DOM style wordSpacing गुणधर्म का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
    body { 
        color: #000; 
        background: lightblue; 
        height: 100vh; 
    } 
    .btn { 
        background: #db133a; 
        border: none; 
        height: 2rem; 
        border-radius: 2px; 
        width: 40%; 
        display: block; 
        color: #fff; 
        outline: none; 
        cursor: pointer; 
        margin: 1rem 0; 
    } 
</style> </head> <body> 
<h1>DOM Style wordSpacing गुणधर्म उदाहरण</h1> 
<p>यह एक पैराग्राफ तत्व है।</p> 
<button onclick="add()" class="btn">wordSpacing बदलें</button> 
<script> 
    function add() { 
        document.querySelector('p').style.wordSpacing = "30px" 
    } 
</script> </body> </html>

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

"wordSpacing बदलें" बटन पर क्लिक करके शब्द रिक्ति बदलें: