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

HTML DOM Style tableLayout প্রপার্টি একটি HTML ডকুমেন্টে টেবিল সেল, সারি এবং কলাম কীভাবে লে আউট হবে তা রিটার্ন এবং মডিফাই করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

১. tableLayout রিটার্ন করা

object.tableLayout

২. tableLayout মডিফাই করা

object.tableLayout = “value”

এখানে value হতে পারে:

মান	ব্যাখ্যা
initial	এটি এই প্রপার্টির মানকে এর ডিফল্ট মান সেট করে।
inherit	এটি এই প্রপার্টির মানকে এর প্যারেন্ট এলিমেন্ট থেকে ইনহেরিট করে।
fixed	এটি কলামের উইডথ কলাম এবং টেবিলের উইডথের ভিত্তিতে সেট করে।
auto	এটি কলামের উইডথ টেবিলের সবচেয়ে चौড়া unbreakable কন্টেন্টের উইডথের ভিত্তিতে সেট করে।

HTML DOM Style tableLayout প্রপার্টির একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <style>    body {       color: #000;       background: lightblue;       height: 100vh;       text-align: center;    }    table {       margin: 2rem auto;       width: 400px;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;       margin: 1rem auto;    } </style> <body> <h1>DOM Style tableLayout প্রপার্টি ডেমো</h1> <table border="2"> <caption>Student Entry</caption> <tr> <th>Name</th> <th>Roll No.</th> </tr> <tr> <td>John</td> <td>031717</td> </tr> <tr> <td>Elon</td> <td>041717</td> </tr> </table> <button onclick="show()" class="btn">tableLayout সেট করুন</button> <script>    function show() {       document.querySelector('table').style.tableLayout = "fixed";    }   </script> </body> </html>

আউটপুট

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

tableLayout সেট করুন বাটনে ক্লিক করুন tableLayout fixed ভ্যালুয়ের সাথে সেট করার জন্য:

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