الفرق بين المراجعتين لصفحة: «CSS/column-rule-color»
< CSS
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
لا ملخص تعديل |
||
| (1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-color</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-color</code>}}</noinclude> | ||
الخاصية <code>column-rule-color</code> في CSS تُحدِّد لون الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. | الخاصية <code>column-rule-color</code> في CSS تُحدِّد لون الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. | ||
== بطاقة الخاصية == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 30: | سطر 21: | ||
|} | |} | ||
<syntaxhighlight lang="css"> | |||
/* <color> القيم اللونية */ | |||
column-rule-color: red; | |||
column-rule-color: rgb(192, 56, 78); | |||
column-rule-color: transparent; | |||
column-rule-color: hsla(0, 100%, 50%, 0.6); | |||
/* القيم العامة */ | |||
column-rule-color: inherit; | |||
column-rule-color: initial; | |||
column-rule-color: unset; | |||
</syntaxhighlight> | |||
== أمثلة == | == أمثلة == | ||
| سطر 56: | سطر 60: | ||
== البنية العامة == | == البنية العامة == | ||
تقبل الخاصية <code>column-rule-color</code> قيمةً لونيةً واحدةً. | تقبل الخاصية <code>column-rule-color</code> قيمةً لونيةً واحدةً. | ||
=== | === <code>[[CSS/color value|<color>]]</code> === | ||
قيمة لونية تُمثِّل لون الخط الفاصل بين الأعمدة. | قيمة لونية تُمثِّل لون الخط الفاصل بين الأعمدة. | ||
=== البنية الرسمية === | === البنية الرسمية === | ||
| سطر 63: | سطر 67: | ||
</syntaxhighlight> | </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-rule-style|column-rule-style]]</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/#crc CSS Multi-column Layout Module]. | * مواصفة [https://drafts.csswg.org/css-multicol-1/#crc CSS Multi-column Layout Module]. | ||
المراجعة الحالية بتاريخ 05:11، 12 سبتمبر 2018
الخاصية column-rule-color في CSS تُحدِّد لون الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة.
بطاقة الخاصية
| القيمة الابتدائية | currentcolor
|
|---|---|
| تُطبَّق على | العناصر متعددة الأعمدة. |
| قابلة للوراثة | لا |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | قيمة لونية |
/* <color> القيم اللونية */
column-rule-color: red;
column-rule-color: rgb(192, 56, 78);
column-rule-color: transparent;
column-rule-color: hsla(0, 100%, 50%, 0.6);
/* القيم العامة */
column-rule-color: inherit;
column-rule-color: initial;
column-rule-color: unset;
أمثلة
راجع صفحة الخاصية column-rule لأمثلة عن هذه الخاصية.
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | 4.0 (مع السابقة -webkit-)
50 (دون سابقة) |
2.0 (مع السابقة -moz-)
|
10 | 15 (مع السابقة -webkit-)
37 (دون سابقة) |
3.1 (مع السابقة -webkit-)
10 (دون سابقة) |
البنية العامة
تقبل الخاصية column-rule-color قيمةً لونيةً واحدةً.
<color>
قيمة لونية تُمثِّل لون الخط الفاصل بين الأعمدة.
البنية الرسمية
column-rule-color: <color>;
انظر أيضًا
- صفحة الخاصية
column-countالتي تُحدِّد ما هو عدد الأعمدة التي سينقسم العنصر إليها. - صفحة الخاصية
column-gapالتي تضبط حجم الفراغ بين الأعمدة في العناصر متعددة الأعمدة. - صفحة الخاصية
column-fillالتي تُحدِّد كيف يجب تقسيم المحتوى على الأعمدة. - صفحة الخاصية
column-ruleالتي تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة، والخاصيات الفرعية لهذه الخاصية وهيcolumn-rule-styleوcolumn-rule-width. - صفحة الخاصية
column-spanالتي سمح بأن يمتد أحد العناصر على جميع الأعمدة وذلك عند ضبط القيمةallلها. - صفحة الخاصية
column-widthالتي تُحدِّد ما هو العرض الأدنى للأعمدة التي سينقسم العنصر إليها.
مصادر ومواصفات
- مواصفة CSS Multi-column Layout Module.