خصائص column-fill CSS

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

تحديد كيفية ملء الأعمدة (هل يتم التنسيق؟)

انظر أيضًا:

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

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

مثال

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

div
{
column-fill:auto;
}

جافا سكربت:

column-fill: balance|auto;

قيمة الخاصية

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

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

القيمة الافتراضية: balance
التنقل: no
الإصدار: 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