خصائص column-span CSS

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

خصائص column-span تحدد عدد الأعمدة التي يجب أن يغطي العنصر.

انظر أيضًا:

دليل CSS3:مستندات CSS3 المتعددة الأعمدة

دليل HTML DOM:خصائص columnSpan

مثال

جعل عنصر h2 يغطي جميع الأعمدة:

h2
{
column-span:all;
}

جرب بنفسك

هناك أمثلة أكثر في أسفل الصفحة.

قواعد CSS

column-span: 1|all;

قيمة الخاصية

القيمة الوصف الاختبار
1 العنصر يجب أن يغطي عمودًا واحدًا. الاختبار
all العنصر يجب أن يغطي جميع الأعمدة. الاختبار

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

القيمة الافتراضية: 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