خصائص column-rule-width CSS

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

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

انظر أيضًا:

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

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

مثال

يحدد قاعدة الألوان بين الأعمدة:

div {
  column-rule-width: 10px;
}

جرب بنفسك

هناك أمثلة أكثر في أسفل الصفحة.

قواعد CSS

column-rule-width: thin|medium|thick|length;

قيمة الخاصية

القيمة الوصف الاختبار
thin thin الاختبار
medium يحدد القاعدة الوسطى. الاختبار
thick يحدد القاعدة العريضة. الاختبار
length يحدد عرض القاعدة. الاختبار

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

القيمة الافتراضية: medium
التوريث: no
الإصدار: CSS3
قواعد JavaScript: object.style.columnRuleWidth="thin"

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

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
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1