CSS kikan-tasiya

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

تحديد كيفية ملء الأعمدة (هل يتم التوازن).

انظر أيضًا:

دليل CSS3CSS3 فئات متعددة

دليل HTML DOMخاصية columnFill

مثال

تحديد كيفية ملء الأعمدة:

div
{
column-fill:auto;
}

جملة CSS

column-fill: توازن|auto;

قيمة الخاصية

القيمة الوصف
توازن توازن الأعمدة. يجب على المتصفح تقليل الاختلافات في طول الأعمدة.
auto ملء الأعمدة بالترتيب، طول الأعمدة سيكون مختلفًا.

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

القيمة الافتراضية: توازن
التنسيق: لا
الإصدار: CSS3
جافا سكربت الجملة: object.style.columnFill="auto"

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

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

دعم المتصفح

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0