خصائص لون الحدود اليمنى

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;
  }

Try it yourself

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".