الفرق بين المراجعتين ل"CSS/column-rule-style"
< CSS
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
(مراجعة متوسطة واحدة بواسطة نفس المستخدم غير معروضة) | |||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-style</code>}}</noinclude> | <noinclude>{{DISPLAYTITLE:الخاصية <code>column-rule-style</code>}}</noinclude> | ||
− | الخاصية <code>column-rule-style</code> في CSS تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. | + | الخاصية <code>column-rule-style</code> في CSS تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة. |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | == بطاقة الخاصية == | |
− | |||
− | |||
− | |||
− | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
سطر 36: | سطر 21: | ||
|} | |} | ||
+ | |||
+ | <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> | ||
== أمثلة == | == أمثلة == | ||
سطر 62: | سطر 66: | ||
== البنية العامة == | == البنية العامة == | ||
تقبل الخاصية <code>column-rule-style</code> القيمة التالية. | تقبل الخاصية <code>column-rule-style</code> القيمة التالية. | ||
− | === | + | === <code><border-style></code> === |
كلمةُ محجوزةٌ كالكلمات التي تُستعمَل مع الخاصية <code>[[CSS/border-style|border-style]]</code> التي تصف شكل الخط. | كلمةُ محجوزةٌ كالكلمات التي تُستعمَل مع الخاصية <code>[[CSS/border-style|border-style]]</code> التي تصف شكل الخط. | ||
=== البنية الرسمية === | === البنية الرسمية === | ||
سطر 69: | سطر 73: | ||
</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-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]. | * مواصفة [https://drafts.csswg.org/css-multicol-1/#crs CSS Multi-column Layout Module]. | ||
[[تصنيف:CSS|{{SUBPAGENAME}}]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Property|{{SUBPAGENAME}}]] | [[تصنيف:CSS Property|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Columns|{{SUBPAGENAME}}]] | [[تصنيف:CSS Columns|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 05:12، 12 سبتمبر 2018
الخاصية column-rule-style
في CSS تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة.
بطاقة الخاصية
القيمة الابتدائية | none
|
---|---|
تُطبَّق على | العناصر متعددة الأعمدة. |
قابلة للوراثة | لا |
قابلة للتحريك | لا |
القيمة المحسوبة | كما حُدِّدَت. |
/* الكلمات المحجوزة */
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;
أمثلة
راجع صفحة الخاصية 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-style
القيمة التالية.
<border-style>
كلمةُ محجوزةٌ كالكلمات التي تُستعمَل مع الخاصية border-style
التي تصف شكل الخط.
البنية الرسمية
column-rule-style: <'border-style'>;
انظر أيضًا
- صفحة الخاصية
column-count
التي تُحدِّد ما هو عدد الأعمدة التي سينقسم العنصر إليها. - صفحة الخاصية
column-gap
التي تضبط حجم الفراغ بين الأعمدة في العناصر متعددة الأعمدة. - صفحة الخاصية
column-fill
التي تُحدِّد كيف يجب تقسيم المحتوى على الأعمدة. - صفحة الخاصية
column-rule
التي تُحدِّد شكل الخط العمودي (rule) الذي سيُرسَم بين الأعمدة في العناصر متعددة الأعمدة، والخاصيات الفرعية لهذه الخاصية وهيcolumn-rule-width
وcolumn-rule-width
. - صفحة الخاصية
column-span
التي سمح بأن يمتد أحد العناصر على جميع الأعمدة وذلك عند ضبط القيمةall
لها. - صفحة الخاصية
column-width
التي تُحدِّد ما هو العرض الأدنى للأعمدة التي سينقسم العنصر إليها.
مصادر ومواصفات
- مواصفة CSS Multi-column Layout Module.