CSS border-right-color ƙaratin
- الصف السابق border-right
- الصف التالي border-right-style
Definition and Usage
border-right-color sets the color of the right border of the element.
Only pure colors can be defined, and the border can only appear when the border style is a value that is not none or hidden.
التعليقات:Always declare the border-style property before the border-color property. The element must obtain the border before you change its color.
See also:
CSS Tutorial:CSS ọ̀pọ̀lọpọ̀
CSS Reference Manual:border-right Property
HTML DOM Reference Manual:borderRightColor Property
Example
Set the border-right color:
p
{
border-style:solid;
border-right-color:#ff0000;
}
CSS Syntax
border-right-color: color|transparent|initial|inherit;
Property Value
| Value | Description |
|---|---|
| color_name | It specifies the border color as a color name (e.g., red). |
| hex_number | It specifies the border color as a hexadecimal value (e.g., #ff0000). |
| rgb_number | It specifies the border color as an RGB code (e.g., rgb(255,0,0)). |
| transparent | Default Value. The border color is transparent. |
| inherit | It specifies that the border color should be inherited from the parent element. |
Technical Details
| Default Value: | not specified |
|---|---|
| Inheritance: | no |
| Version: | CSS1 |
| JavaScript Syntax: | object.style.borderRightColor="blue" |
مزيد من الأمثلة
- تعيين لون الحد الأيمن للجدار
- هذا المثال يوضح كيفية تعيين لون الحد الأيمن للجدار.
دعم المتصفحات
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم الخاصية الكاملة.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
التعليقات:Internet Explorer 6 (وأقدم إصداراته) لا يدعم قيمة الخاصية "transparent".
التعليقات:Internet Explorer 7 وأقدم إصدارات المتصفحات لا تدعم القيمة "inherit". يحتاج IE8 إلى !DOCTYPE. يدعم IE9 "inherit".
- الصف السابق border-right
- الصف التالي border-right-style
