خصائص لون الحدود اليمنى
- الصف السابق border-right
- الصف التالي نمط الحافات اليمنى
Definition and Usage
border-right-color sets the color of the element's right border.
You can only define a solid color, and the border can only appear when the border style is not none or hidden.
ملاحظة:Always declare the border-style property before the border-color property. The element must have a border before you change its color.
See also:
CSS Tutorial:حواف CSS
CSS Reference Manual:border-right Property
HTML DOM Reference Manual:borderRightColor Property
Example
Set the right border color:
p { border-style:solid; border-right-color:#ff0000; }
CSS Syntax
border-right-color: color|transparent|initial|inherit;
Property Value
Value | Description |
---|---|
color_name | 规定了颜色名称的边框颜色(例如red)。 |
hex_number | 规定了十六进制值颜色值的边框颜色(例如#ff0000)。 |
rgb_number | 规定了rgb代码的颜色值的边框颜色(例如rgb(255,0,0))。 |
transparent | Default Value. The border color is transparent. |
inherit | 规定了应该从父元素继承边框颜色。 |
Technical Details
Default Value: | not specified |
---|---|
Inheritance: | no |
Version: | CSS1 |
JavaScript Syntax: | object.style.borderRightColor="blue" |
مزيد من الأمثلة
- تعيين لون الحافة اليمنى
- هذا المثال يوضح كيفية تعيين لون الحافة اليمنى.
دعم البrowsers
الرقم في الجدول يوضح إصدار البrowser الذي يدعم هذه الخاصية بشكل كامل.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
ملاحظة:Internet Explorer 6 (وأولى إصداراتها) لا تدعم قيمة "transparent" للصف.
ملاحظة:بrowsers IE7 وأولى إصداراتها لا تدعم القيمة "inherit". يحتاج IE8 إلى !DOCTYPE. يدعم IE9 "inherit".
- الصف السابق border-right
- الصف التالي نمط الحافات اليمنى