HTML DOM Style verticalAlign प्रॉपर्टी

HTML DOM Style verticalAlign प्रॉपर्टी किसी HTML एलिमेंट के कंटेंट के वर्टिकल अलाइनमेंट को प्राप्त करने और सेट करने के लिए उपयोग की जाती है।

सिंटैक्स

निम्नलिखित सिंटैक्स है:

verticalAlign प्राप्त करना

object.style.verticalAlign

verticalAlign सेट करना

object.style.verticalAlign = "value"

मान (Values)

यहां value निम्नलिखित हो सकते हैं:

उदाहरण

आइए HTML DOM Style verticalAlign प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
    body { 
        color: #000; 
        background: lightblue; 
        height: 100vh; 
    } 
    table { 
        border: 2px solid #fff; 
        height: 150px; 
    } 
    .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 verticalAlign Property Example</h1> 
<table> 
    <tr> 
        <td id="myTd">Table Data</td> 
    </tr> 
</table> 
<button onclick="add()" class="btn">Set verticalAlign</button> 
<script> 
    function add() { 
        document.querySelector('td').style.verticalAlign = "top"; 
    } 
</script> </body> </html>

आउटपुट

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

Set verticalAlign बटन पर क्लिक करके टेक्स्ट के वर्टिकल अलाइनमेंट को एडजस्ट करें: