table-layout Property
ویژگی table-layout
در CSS نحوه نمایش ساختار جدول را که شامل از سلولها، ردیف ها و ستون ها هستند را مشخص می کند.
نحوه نمایش
table-layout: auto; table-layout: fixed;
مقادیر
auto
بطور پیشفرض بیشتر مرورگرها از طرح بندی خودکار جداول استفاده می کنند. عرض جدول و سلولها متناسب با محتوای آن تنظیم میشود.
fixed
عرض جدول و ستون توسط عناصر table
و col
مشخص می شود و یا توسط عرض اولین ردیف از سلولها. سلولهای زیر مجموعه ردیف، متاثر از عرض ستون ها نیستند.
در مثال زیر نحوه عملکرد این ویژگی را میبینیم:
css
body { text-align: center; } table { border-collapse: collapse; border: 1px solid black; margin: 15px auto; } th, td { border: 1px solid black; } table.a { table-layout: auto; width: 300px; } table.b { table-layout: fixed; width: 180px; } table.c { table-layout: auto; width: 100%; } table.d { table-layout: fixed; width: 100%; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی در CSS پشتیبانی می کنند.