aṣali CSS column-span

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

خصائص 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