الخاصية border-right-style
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية border-right-style
في CSS تُحدِّد شكل خط الإطار الأيمن الخاص بالعنصر.
القيمة الابتدائية | none
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | لا |
قابلة للتحريك | لا |
القيمة المحسوبة | كما حُدِّدَت. |
/* الكلمات المحجوزة */
border-right-style: none;
border-right-style: hidden;
border-right-style: dotted;
border-right-style: dashed;
border-right-style: solid;
border-right-style: double;
border-right-style: groove;
border-right-style: ridge;
border-right-style: inset;
border-right-style: outset;
/* القيم العامة */
border-right-style: inherit;
border-right-style: initial;
border-right-style: unset;
ملاحظة: لا تُعرِّف المواصفة كيف ستلتقي الإطارات التي لها أشكال مختلفة في الزوايا.
أمثلة
هذا مثال عن جدول <table>
يُبيّن مختلف أشكال الإطارات عبر الخاصية border-right-style
. شيفرة HTML:
<table>
<tr>
<td class="b1">none</td>
<td class="b2">hidden</td>
<td class="b3">dotted</td>
<td class="b4">dashed</td>
</tr>
<tr>
<td class="b5">solid</td>
<td class="b6">double</td>
<td class="b7">groove</td>
<td class="b8">ridge</td>
</tr>
<tr>
<td class="b9">inset</td>
<td class="b10">outset</td>
</tr>
</table>
شيفرة CSS:
tr, td {
padding: 5px;
}
.b1 { border-right-style: none; }
.b2 { border-right-style: hidden; }
.b3 { border-right-style: dotted; }
.b4 { border-right-style: dashed; }
.b5 { border-right-style: solid; }
.b6 { border-right-style: double; }
.b7 { border-right-style: groove; }
.b8 { border-right-style: ridge; }
.b9 { border-right-style: inset; }
.b10 { border-right-style: outset; }
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 1.0 | 5.5 | 9.2 | 1.0 |
البنية العامة
<br-style>
تقبل الخاصية border-right-style
كلمةً محجوزةً من الكلمات المحجوزة المتاحة للخاصية border-style
.
البنية الرسمية
border-right-style: <br-style>;
حيث:
<br-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
انظر أيضًا
- صفحة الخاصيات التي تضبطها الخاصية المختصرة
border-right
وهي:border-right-width
، وborder-right-color
. - صفحة الخاصيات التي تضبطها الخاصية المختصرة
border
وهي:border-width
، وborder-style
، وborder-color
. - ضبط صورة للإطار باستخدام الخاصية
border-image
.
مصادر ومواصفات
- مواصفة CSS Backgrounds and Borders Module Level 3.
- مواصفة CSS Level 2 (Revision 1).