HTML DOM Style whiteSpace गुणधर्म

HTML DOM style whiteSpace गुणधर्म HTML दस्तावेज़ में किसी तत्व के टेक्स्ट में टैब, लाइन ब्रेक और व्हाइटस्पेस को कैसे संभालना है, यह लौटाता और संशोधित करता है।

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

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

whiteSpace लौटाना

object.style.whiteSpace

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

object.style.whiteSpace = "value"

मान (Values)

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

उदाहरण

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

<!DOCTYPE html> <html> <head> <style> 
    body { 
        color: #000; 
        background: lightblue; 
        height: 100vh; 
    } 
    p { 
        border: 2px solid #fff; 
    } 
    .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 whiteSpace गुणधर्म उदाहरण</h1> 
<p> 
    मैं कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व हूँ। मैं कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व हूँ। 
    मैं कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व हूँ। मैं कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व हूँ। 
    मैं कुछ डमी टेक्स्ट के साथ एक पैराग्राफ तत्व हूँ। 
</p> 
<button onclick="add()" class="btn">whiteSpace बदलें</button> 
<script> 
    function add() { 
        document.querySelector('p').style.whiteSpace = "pre-line"; 
    } 
</script> </body> </html>

आउटपुट

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

"whiteSpace बदलें" बटन पर क्लिक करके पैराग्राफ तत्व के व्हाइटस्पेस को संभालने के व्यवहार को बदलें: