خصائص column-count لـ CSS

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

يحدد خاصية column-count عدد الأعمدة التي يجب تقسيم العنصر إليها.

انظر أيضًا:

دليل CSS3عدة أعمدة CSS3

دليل HTML DOMخصائص columnCount

مثال

يقسم النص داخل علامة div إلى ثلاثة أعمدة:

div
{
column-count:3;
}

جرب بنفسك

هناك أمثلة أكثر في قاعدة البيانات.

Grammar CSS

column-count: number|auto;

قيمة الخاصية

القيمة الوصف الاختبار
number عدد الأعمدة الأمثل الذي سيقسم إليه محتوى العنصر. الاختبار
auto يحدد عدد الأعمدة بواسطة خصائص أخرى، مثل "column-width". الاختبار

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

القيمة الافتراضية: auto
التنسيخ: no
الإصدار: CSS3
جافا سكربت Grammar: object.style.columnCount=3

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

Column-gap
يقسم النص داخل علامة div إلى ثلاثة أعمدة ويحدد فجوة بين الأعمدة 30 بكسل.
Column-rule
يحدد عرض النص بين الأعمدة، النمط والألوان.

دعم المتصفح

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

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1