عرض مصدر CSS/column-rule-style

<noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-style</code>}}</noinclude>
الخاصية <code>column-rule-style</code> في CSS تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة.

== بطاقة الخاصية ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" |[[CSS/initial value|القيمة الابتدائية]]
|<code>none</code>
|-
! scope="row" |تُطبَّق على
|العناصر متعددة الأعمدة.
|-
! scope="row" |قابلة للوراثة
|لا
|-
!قابلة للتحريك
|لا
|-
! scope="row" |القيمة المحسوبة
|كما حُدِّدَت.

|}

<syntaxhighlight lang="css">
/* الكلمات المحجوزة */
column-rule-style: none;
column-rule-style: hidden;
column-rule-style: dotted;
column-rule-style: dashed;
column-rule-style: solid;
column-rule-style: double;
column-rule-style: groove;
column-rule-style: ridge;
column-rule-style: inset;
column-rule-style: outset;

/* القيم العامة */
column-rule-style: inherit;
column-rule-style: initial;
column-rule-style: unset;
</syntaxhighlight>

== أمثلة ==
راجع صفحة الخاصية <code>[[CSS/column-rule|column-rule]]</code> لأمثلة عن هذه الخاصية.

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
! الدعم الأساسي
|4.0 (مع السابقة <code>-webkit-</code>)
50 (دون سابقة)
|2.0 (مع السابقة <code>-moz-</code>)
|10
|15 (مع السابقة <code>-webkit-</code>)
37 (دون سابقة)
|3.1 (مع السابقة <code>-webkit-</code>)
10 (دون سابقة)
|}

== البنية العامة ==
تقبل الخاصية <code>column-rule-style</code> القيمة التالية.
=== <code><border-style></code> ===
كلمةُ محجوزةٌ كالكلمات التي تُستعمَل مع الخاصية <code>[[CSS/border-style|border-style]]</code> التي تصف شكل الخط.
=== البنية الرسمية ===
<syntaxhighlight lang="css">
column-rule-style: <'border-style'>;

</syntaxhighlight>
==   انظر أيضًا ==
* صفحة الخاصية  <code>[[CSS/column-count|column-count]]</code> التي تُحدِّد ما هو عدد الأعمدة التي سينقسم العنصر إليها.
* صفحة الخاصية  <code>[[CSS/column-gap|column-gap]]</code> التي تضبط حجم الفراغ بين الأعمدة في العناصر متعددة الأعمدة.
* صفحة الخاصية  <code>[[CSS/column-fill|column-fill]]</code> التي تُحدِّد كيف يجب تقسيم المحتوى على الأعمدة.
* صفحة الخاصية  <code>[[CSS/column-rule|column-rule]]</code> التي تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة، والخاصيات الفرعية لهذه الخاصية وهي <code>[[CSS/column-count|column-]][[CSS/column-rule-color|rule-width]]</code> و <code>[[CSS/column-rule-width|column-rule-width]]</code>.
* صفحة الخاصية  <code>[[CSS/column-span|column-span]]</code>التي سمح بأن يمتد أحد العناصر على جميع الأعمدة وذلك عند ضبط القيمة <code>all</code> لها.
* صفحة الخاصية  <code>[[CSS/column-width|column-width]]</code> التي تُحدِّد ما هو العرض الأدنى للأعمدة التي سينقسم العنصر إليها.

==مصادر ومواصفات==
* مواصفة [https://drafts.csswg.org/css-multicol-1/#crs CSS Multi-column Layout Module]. 
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Property|{{SUBPAGENAME}}]]
[[تصنيف:CSS Columns|{{SUBPAGENAME}}]]