خصائص column-rule-style لـ CSS
- الصفحة السابقة column-rule-color
- الصفحة التالية column-rule-width
التعريف والاستخدام
خصائص columnRule-style تحدد قاعدة النمط بين الأعمدة.
انظر أيضًا:
دليل CSS3مستندات CSS3 متعددة الأعمدة
دليل HTML DOMخصائص columnRuleStyle
النموذج
يحدد قاعدة اللون بين الأعمدة:
div {
column-rule-style: dotted;
}
هناك أمثلة أكثر في قاعدة القدم.
الجملة الاسمية للCSS
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
قيمة الخاصية
| القيمة | الوصف | الاختبار |
|---|---|---|
| لا شيء | يحدد قاعدة عدم وجود خط. | الاختبار |
| hidden | يحدد قاعدة الخط المخفي. | الاختبار |
| dotted | يحدد قاعدة الخط النقطي. | الاختبار |
| dashed | يحدد قاعدة الخط المائل. | الاختبار |
| solid | يحدد قاعدة الخط المستقيم. | الاختبار |
| double | يحدد قاعدة الخطين. | الاختبار |
| groove | يحدد قاعدة الحفر الثلاثي الأبعاد. هذا التأثير يعتمد على قيم العرض والألوان. | الاختبار |
| ridge | يحدد قاعدة التلال الثلاثي الأبعاد. هذا التأثير يعتمد على قيم العرض والألوان. | الاختبار |
| inset | يحدد قاعدة الإدخال الثلاثي الأبعاد. هذا التأثير يعتمد على قيم العرض والألوان. | الاختبار |
| outset | يحدد قاعدة الظهور الثلاثي الأبعاد. هذا التأثير يعتمد على قيم العرض والألوان. | الاختبار |
تفاصيل التقنية
| القيمة الافتراضية: | لا شيء |
|---|---|
| التنسيخ: | لا |
| الإصدار: | CSS3 |
| جافا سكربت: | object.style.columnRuleStyle="dotted" |
مزيد من الأمثلة
- 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 |
- الصفحة السابقة column-rule-color
- الصفحة التالية column-rule-width
