English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يُستخدم خاصية border-right-style في CSS لتحديد نمط الحواف اليمنى للعنصر. ومع ذلك، في العديد من الحالات، مثلنمط الحدأوحد الأيمنخصائص CSS القصيرة سهلة الاستخدام وأكثر جاذبية.
جدول أدناه يوضح استخدام الخاصية والسجلات التاريخية للإصدارات، وكيفية استخدام الخاصية في لغة البرمجة JavaScript.
| القيمة الافتراضية: | لا شيء |
|---|---|
| تطبيقها على: | جميع العناصر |
| الوراثة: | لا يوجد |
| يمكن تحريكه: | لايرجى الرجوع إلى خصائص التحريك. |
| الإصدار: | CSS 1،2،3 |
| لغة البرمجة JavaScript: | object object.style.borderRightStyle="dash" |
النحو التالي للخاصية:
border-right-style: لا شيء | مخفي | نقطه | خط عريض | خط مقطوع | خط ثابت | خط مزدوج | خط مائل | خط داخل | خط خارج | قياسي | وراثي
يُظهر المثال أدناه كيفية استخدام خاصية border-right-style.
p {
border-right-style: dash;
border-right-width: 3px;
}التحقق من‹/›يُوضح الجدول أدناه قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| لا شيء | سيتم عرضه بدون حواف. |
| hidden | مخفيمثل none، ولكن الفرق هو أن خلايا الجدول لهاحد مقلوب |
| وتبادل الخلايا الحدود. تأكد القيمة hidden من عدم رسم الحدود، لأنها تملك الأولوية على جميع أنواع الحدود الأخرى. | نقاط |
| يظهر الحد كسلسلة من النقاط. | مكسور |
| يظهر الحد كسلسلة من الخطوط القصيرة، وهي شرطات. | متصل |
| يظهر الحد كخط كامل. | مزدوجعرض الحد كخطين متوازيين من الخطوط الكاملة، مع وجود مسافة بينهما. مجموع الخطين و المسافة بينهما تساويالقيمة. |
| الجبل | يظهر الحد كأنه مسطر في اللوحة. إنه يوحي أيضًا بآلية ثلاثية الأبعاد، عادة من خلال استخدام لونين أكثر من لون الحد.لون الحدباستخدام لونين shallower وأغمق لإنشاء الظل. |
| الجبل | يظهر الحد مع تأثير عكسي. إنه يوحي أيضًا بآلية ثلاثية الأبعاد، حيث يبدو الحد وكأنه يخرج من اللوحة. |
| النزول | يظهر الحد كأنه مسطر في اللوحة. إنه يوحي أيضًا بآلية ثلاثية الأبعاد، عادة من خلال إنشاء ظل باستخدام لونين مختلفين، أكثر من لون الحد.لون الحدأكثر إشراقًا وأعمق. |
| النزول | يظهر الحد مع تأثير عكسي. إنه يوحي أيضًا بآلية ثلاثية الأبعاد، حيث يجعل الحد يبدو وكأنه يخرج من اللوحة. |
| بدءية | ضع هذا الخصائص إلى قيمته الافتراضية. |
| تنسيق | إذا تم تحديد هذا، فإن العنصر المرتبط يستخدم نفس قيمة style الحد الأيمن للعنصر الأب. |
توافق متصفحات الويب مع خصائص style الحد الأيمن، الأرقام في الجدول التالي تعبر عن إصدار أحدث متصفح يدعم هذه الخاصية؛ يدعم جميع المتصفحات الشائعة هذه الخاصية.
|
تحذير: لا يدعم Internet Explorer 7 وأحدث إصداراته القيمة value hidden. يدعم Internet Explorer 8، لكنه يحتاج إلى. يدعم Internet Explorer 9 وأحدث إصداراته القيمة hidden.
انظر إلى الدروس:حد CSS,حد CSS3.
خصائص مرتبطة:حد,نمط الحد,حد الأيمن,لون الحد الأيمن,
عرض عرض الحد الأيمن.