سبد (0)

خصوصیت table-layout

مثال (خصوصیت table-layout)

تنظیم نحوه چیدمان ظاهری جدول:

table
{
table-layout:fixed;
}
خودتان امتحان کنید »

تعریف و کاربرد

با استفاده از خصوصیت table-layout می توان الگوریتم چیدمان ظاهری جدول را تنظیم کرد.

مقدار پیشفرض auto
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.tableLayout="fixed"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت table-layout را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدارتوضیحاتنمایش دادن
auto

الگوریتم چیدمان جدول به صورت اتوماتیک(این مقدار پیش فرض است):

  • عرض ستون معادل عریض ترین سلول است.
  • این چیدمان می تواند کند باشد، زیرا قبل از تشخیص چیدمان نهایی بایستی محتوای همه سلول ها خوانده شوند (تا عریض ترین سلول به دست آید).
نمایش دادن »
fixed

الگوریتم چیدمان جدول به صورت ثابت:

  • چیدمان افقی جدول فقط به عرض جدول و عرض ستون ها وابسته است، و ارتباطی با محتوای سلول ها ندارد.
  • مرورگر با این چیدمان جدول را سریعتر از چیدمان اتوماتیک ترکیب بندی می کند.
  • مرورگر به محض دریافت اولین ردیف شروع به نمایش جدول می کند.
نمایش دادن »
inherit تعیین می کند که باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

HTML Tables (بیاموز HTML)

table-layout (بیاموز CSS)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه