CSS kikan-tasiya
- الصفحة السابقة column-count
- الصفحة التالية column-gap
التعريف والاستخدام
تحديد كيفية ملء الأعمدة (هل يتم التوازن).
انظر أيضًا:
دليل 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 |
- الصفحة السابقة column-count
- الصفحة التالية column-gap