خصائص columns لـ CSS

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

خصوصية columns هي خاصية مختصرة تستخدم لتعيين عرض الأعمدة وعدد الأعمدة.

يرجى الرجوع إلى:

دليل CSS3مقالات CSS3 متعددة الأعمدة

دليل HTML DOMخصوصية columns

مثال

يحدد عرض الأعمدة وعدد الأعمدة:

div
{
columns:100px 3;
}

جرب بنفسك

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

القواعد اللسانية لـ CSS

columns: column-width column-count;

قيمة الخاصية

القيمة الوصف
column-width عرض الأعمدة.
column-count عدد الأعمدة.

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

القيمة الافتراضية: auto auto
الوراثة: لا
الإصدار: CSS3
قواعد اللغة JavaScript: object.style.columns="100px 3"

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

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

دعم المتصفح

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

الرقم المكتوب مع -webkit- أو -moz- يعني استخدام الإصلاح الأول من الاستخدام مع الدمج.

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