خصائص column-rule CSS

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

هي خاصية مختصرة تستخدم لضبط جميع خصائص column-rule-*.

تحدد خاصية column-rule قواعد العرض والنمط واللون بين الأعمدة.

انظر أيضًا:

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

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

مثال

تحديد قواعد العرض والنمط واللون بين الأعمدة:

div
{
column-rule:3px outset #ff00ff;
}

جرب بنفسك

هناك أمثلة إضافية في قاعدة الصفحة.

جملة CSS

column-rule: column-rule-width column-rule-style column-rule-color;

قيمة الخاصية

القيمة الوصف
column-rule-width تعيين قاعدة العرض بين الأعمدة.
column-rule-style تعيين قاعدة النمط بين الأعمدة.
column-rule-color تعيين قاعدة اللون بين الأعمدة.

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

القيمة الافتراضية: medium none black
التنسيق الوراثي: لا
الإصدار: CSS3
جافا سكربت الجملة: object.columnRule="3px outset #ff00ff"

أمثلة إضافية

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

دعم المتصفحات

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

الرقم الذي يحتوي على -webkit- أو -moz- هو الإصدار الأول الذي يستخدم البادئة.

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