الفرق بين المراجعتين ل"CSS/column-rule-width"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-width</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-width</code>}}</noinclude> | ||
| − | الخاصية <code>column-rule-width</code> في CSS تُحدِّد عرض (أو ثخن) الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. | + | الخاصية <code>column-rule-width</code> في CSS تُحدِّد عرض (أو ثخن) الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | == بطاقة الخاصية == | |
| − | |||
| − | |||
| − | |||
| − | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 33: | سطر 21: | ||
|} | |} | ||
| + | |||
| + | <syntaxhighlight lang="css"> | ||
| + | /* الكلمات المحجوزة */ | ||
| + | column-rule-width: thin; | ||
| + | column-rule-width: medium; | ||
| + | column-rule-width: thick; | ||
| + | |||
| + | /* <length> القيم الطولية */ | ||
| + | column-rule-width: 1px; | ||
| + | column-rule-width: 2.5em; | ||
| + | |||
| + | /* القيم العامة */ | ||
| + | column-rule-width: inherit; | ||
| + | column-rule-width: initial; | ||
| + | column-rule-width: unset; | ||
| + | </syntaxhighlight> | ||
== أمثلة == | == أمثلة == | ||
| سطر 59: | سطر 63: | ||
== البنية العامة == | == البنية العامة == | ||
تقبل الخاصية <code>column-rule-width</code> القيمة التالية. | تقبل الخاصية <code>column-rule-width</code> القيمة التالية. | ||
| − | === | + | === <code><border-width></code> === |
| − | قيمة طولية <code>[[CSS/length|<length>]]</code> تُمثِّل عرض الخط أو إحدى الكلمات المحجوزة <code>thin</code> أو<code>medium</code> أو <code>thick</code>، راجع صفحة الخاصية <code>[[CSS/border-width|border-width]]</code> لمزيدٍ من المعلومات. | + | قيمة طولية <code>[[CSS/length|<length>]]</code> تُمثِّل عرض الخط أو إحدى الكلمات المحجوزة <code>thin</code> أو <code>medium</code> أو <code>thick</code>، راجع صفحة الخاصية <code>[[CSS/border-width|border-width]]</code> لمزيدٍ من المعلومات. |
=== البنية الرسمية === | === البنية الرسمية === | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
مراجعة 18:00، 30 أغسطس 2018
الخاصية column-rule-width في CSS تُحدِّد عرض (أو ثخن) الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة.
بطاقة الخاصية
| القيمة الابتدائية | medium |
|---|---|
| تُطبَّق على | العناصر متعددة الأعمدة. |
| قابلة للوراثة | لا |
| قابلة للتحريك | نعم |
| القيمة المحسوبة | طول مطلق، أو 0 إذا كانت قيمة الخاصية column-rule-style تساوي none أو hidden.
|
/* الكلمات المحجوزة */
column-rule-width: thin;
column-rule-width: medium;
column-rule-width: thick;
/* <length> القيم الطولية */
column-rule-width: 1px;
column-rule-width: 2.5em;
/* القيم العامة */
column-rule-width: inherit;
column-rule-width: initial;
column-rule-width: 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-width القيمة التالية.
<border-width>
قيمة طولية <length> تُمثِّل عرض الخط أو إحدى الكلمات المحجوزة thin أو medium أو thick، راجع صفحة الخاصية border-width لمزيدٍ من المعلومات.
البنية الرسمية
column-rule-width: <'border-width'>;
مصادر ومواصفات
- مواصفة CSS Multi-column Layout Module.