HTML DOM Style verticalAlign প্রপার্টি

HTML DOM Style verticalAlign প্রপার্টি একটি HTML এলিমেন্টের কন্টেন্টের উল্লম্ব সংরेखণ (vertical alignment) নির্ধারণ ও পরিবর্তন করতে ব্যবহৃত হয়।

সিনট্যাক্স (Syntax)

উল্লম্ব সংরেখণ পাওয়ার জন্য (Returning verticalAlign)

object.style.verticalAlign

উল্লম্ব সংরেখণ পরিবর্তন করার জন্য (Modifying verticalAlign)

object.style.verticalAlign = "value"

মান (Values)

এখানে value নিম্নলিখিত موارد হতে পারে:

উদাহরণ (Example)

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>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

Set verticalAlign বাটনে ক্লিক করলে টেক্সটের উল্লম্ব সংরেখণ সমন্বিত হবে: