English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يُستخدم خاصية column-rule-width لتحديد عرض الخطوط المرسومة بين الأعمدة في ترتيب الأعمدة.
في الجدول أدناه، يُوضح استخدام هذه الخاصية وتاريخ إصداراتها، وكذلك استخدامها في سكربتات JavaScript.
| القيمة الافتراضية: | طول بالوحدات النسبية أو المطلقة، يستخدم لتحديد عرض الخط. |
|---|---|
| يُستخدم في: | عناصر الصف المضاعف |
| الوراثة: | لا يوجد |
| يمكن تحريكه: | نعم.يرجى الرجوع إلى خصائص التحريك. |
| الإصدار: | ميزات CSS3 الجديدة |
| JavaScript syntax: | الجسم.style.columnRuleWidth="thin" |
نموذج هذه الخاصية هو:
column-rule-width: length | medium | thin | thick | initial | inherit
في هذا المثال، يتم عرض كيفية استخدام خاصية column-rule-width.
p {
/* Chrome, Safari, Opera */
-webkit-column-count: 3;
-webkit-column-gap: 100px;
-webkit-column-rule-color: red;
-webkit-column-rule-width: 2px;
-webkit-column-rule-width: 2px;
-webkit-column-rule-style: solid;
/* Firefox */
-moz-column-count: 3;
-moz-column-gap: 100px;
-moz-column-rule-color: red;
-moz-column-rule-width: 2px;
-moz-column-rule-style: solid;
column-count: 3;
column-gap: 100px;
column-rule-color: red;
column-rule-width: 2px;
column-rule-style: solid;}قيمة الخصائص
| جدول التالي يصف القيم الخاصة بهذا الخصائص. | القيمة |
|---|---|
| وصف | طول |
| طول بالوحدات النسبية أو المطلقة، يستخدم لتحديد عرض الخط. | تحديد خط متوسط. هذا هو القيمة الافتراضية. |
| رفيع | تحديد خط رفيع. عرض أصغر من القيمة الافتراضية. |
| سميك | تحديد قاعدة صارمة. عرض أكبر من القيمة الافتراضية. |
| البداية | ضبط هذا الخصائص إلى قيمته الافتراضية. |
| التوريث | إذا تم تحديد هذا الخصائص، فإن العناصر المرتبطة تأخذ قيمة خصائص خط الشوكس للعنصر الأم. |
توافق متصفحات خصائص خط الشوكس، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم هذا الخصائص؛ جميع المتصفحات الرئيسية تدعم هذا الخصائص.
|
يرجى الرجوع إلى الدروس التالية:تخطيط الشوكس CSS3.
خصائص مرتبطة:عرض الشوكس,ملء الشوكس,فرق الشوكس,خط الشوكس,لون خط الشوكس,نمط خط الشوكس,استخدام الشوكس,عدد الشوكس,الشوks.