English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص التخطيط العنكبوتي لـ CSS تحدد الخوارزمية المستخدمة لتنسيق خلايا الجدول، والصفوف والأعمدة.
جدول التالي يوضح شرح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى استخدام الخاصية في لغة الجافا سكربت.
القيمة الافتراضية: | تلقائي |
---|---|
يستخدم ل: | جدول والعناصر المدمجة |
تنقل: | لا |
يمكن تفعيله بالرسوم المتحركة: | لايرجى الرجوع إلى خصائص الرسوم المتحركة。 |
الإصدار: | CSS 2،3 |
JavaScript | اللغة البرمجية.style.tableLayout="fixed" |
نحو استخدام الخاصية التالية:
table-layout: auto | fixed | initial | inherit
في المثال التالي، يتم عرض كيفية استخدام خاصية table-layout.
جدول { عرض: 250px; table-layout: fixed; }اختبار‹/›
نصيحة:خوارزمية تخطيط الجدول الثابتة تسمح للمتصفح بتحديد تخطيط الجدول بشكل أسرع من خوارزمية تخطيط الجدول التلقائي. بمجرد استقبال الصف الأول، يمكن للمتصفح البدء في عرض الجدول.
جدول التالي يصف قيم هذه الخاصية.
القيمة | وصف |
---|---|
تلقائي | خوارزمية تخطيط الجدول التلقائي تستخدم لتخطيط الجداول. عرض الجدول والخلايا يعتمد على محتويات الخلايا. هذا هو القيمة الافتراضية. |
ثابت | خوارزمية تخطيط الجدول الثابتة تستخدم لتخطيط الجداول.
|
بدءية | ضع هذه الخاصية في قيمتها الافتراضية. |
تنقل | إذا تم تحديد، فإن العناصر ذات الصلة تأخذ قيمة الخاصية table-layout من العنصر الأم. |
ملاحظة:خوارزمية التخطيط التلقائي للجدول قد يقلل من سرعة عرض الجداول التي تحتوي على عدد كبير من الصفوف أو الأعمدة، لأنها تتطلب من المتصفح الوصول إلى جميع المحتويات في الجدول قبل تحديد التخطيط النهائي.
مستوى التطابق للمتصفحات الخاصة بخصائص table-layout، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفحات التي تدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.
|
يرجى الرجوع إلى الدروس المتعلقة بالمواد التالية:جداول HTML،جداول CSS。
خصائص ذات صلة:عرض العرض。