خصائص table-layout CSS

التعريف والاستخدام

تستخدم خاصية tableLayout لعرض خوارزمية القواعد لعرض خلايا الجدول، السطور والأعمدة.

تنسيق جدول البيانات الثابت:

عند مقارنة تنسيق جدول البيانات الثابت بتنسيق جدول البيانات التلقائي، يسمح تنسيق جدول البيانات الثابت للمتصفح بتنسيق الجدول بشكل أسرع.

في تنسيق جدول البيانات الثابت، يعتمد التركيب الأفقي فقط على عرض الجدول وعرض الأعمدة وعرض الهوامش والعرض الجانبي للجدول، وليس على محتوى الخلايا.

من خلال استخدام تنسيق جدول البيانات الثابت، يمكن للمستخدمين الذين يقدمون الخدمات عرض الجدول بعد استقبال السطر الأول.

تنسيق جدول البيانات التلقائي:

في تنسيق جدول البيانات التلقائي، يتم تحديد عرض الأعمدة من خلال المحتوى الأوسع الذي لا يحتوي على انقسام في خلية الأعمدة.

قد يبدو هذا الخوارزمية بطيئة أحيانًا، لأنه يجب أن يزور جميع المحتويات في الجدول قبل تحديد التركيب النهائي.

الشرح

تحدد هذه الخاصية الخوارزمية المستخدمة لتنسيق جدول البيانات.

انظر أيضًا:

دليل CSSجداول CSS

دليل HTML DOMخاصية tableLayout

مثال

إعداد خوارزمية تنسيق الجدول:

table
  {
  table-layout:fixed;
  }

جرب بنفسك

جملة CSS

table-layout: auto|fixed|initial|inherit;

قيمة الخاصية

القيمة الوصف
تلقائي افتراضي. عرض الأعمدة يتم تحديده من خلال محتوى الخلية.
ثابت عرض الأعمدة يتم تحديده من خلال عرض الجدول وعرض الأعمدة.
توريث يحدد هذا النص أن يجب أن يتم توريث قيمة الخاصية table-layout من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: تلقائي
التنسيق الوراثي: نعم
الإصدار: CSS2
جافا سكربت الجملة： object.style.tableLayout="fixed"

مزيد من الأمثلة

إعداد تنسيق الجدول
هذا المثال يوضح كيفية إعداد تنسيق الجدول.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome IE / Edge Firefox Safari Opera
14.0 5.0 1.0 1.0 7.0