aṣali CSS column-span
- الصفحة السابقة column-rule-width
- پائیدا column-width
التعريف والاستخدام
خصائص column-span تحدد عدد الأعمدة التي يجب أن ينتقل العنصر عبرها.
انظر أيضًا:
دليل CSS3:CSS3 کولومن
دليل HTML DOM:خصائص columnSpan
مثال
جعل علامة h2 تغطي جميع الأعمدة:
h2 { column-span:كل; }
هناك أمثلة أكثر في أسفل الصفحة.
اللغة CSS
column-span: 1|كل;
قيمة الخاصية
القيمة | الوصف | الاختبار |
---|---|---|
1 | يجب أن ينتقل العنصر عبر عمود واحد. | الاختبار |
كل | يجب أن ينتقل العنصر عبر جميع الأعمدة. | الاختبار |
تفاصيل التقنية
القيمة الافتراضية: | 1 |
---|---|
الوراثة: | لا |
الإصدار: | CSS3 |
جافا سكربت: | object.style.columnSpan="all" |
مزيد من الأمثلة
- Column-count
- يقسم النص داخل علامة div إلى ثلاثة أعمدة.
- Column-gap
- يقسم النص داخل علامة div إلى ثلاثة أعمدة ويوضع بينها فاصل 30 بكسل.
- Column-rule
- يحدد عرض النص بين الأعمدة و النمط والألوان.
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.
الرقم الذي يحتوي على -webkit- أو -moz- هو النسخة الأولى التي تستخدم البادئة.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 4.0 -webkit- |
10.0 | 71.0 | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
- الصفحة السابقة column-rule-width
- پائیدا column-width