HTML DOM Style resize गुणधर्म

HTML DOM style resize गुणधर्म यह निर्धारित करता है और संशोधित करता है कि कोई तत्व उपयोगकर्ता द्वारा रिसाइज़ करने योग्य है या नहीं।

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

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

resize लौटाना

object.style.resize

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

object.style.resize = "value"

मान (Values)

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

उदाहरण

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

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

आउटपुट

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

"resize सेट करें" बटन पर क्लिक करके div तत्व को उपयोगकर्ता द्वारा रिसाइज़ करने योग्य बनाएं।