свойство border-right-color
Свойство border-right-color определяет цвет правой границы рамки элемента. Цвет правой границы, по умолчанию, не наследуется и считается равным текущему значению свойства 'color'. Цвет может задаваться любым доступным способом в соответствии со стандартом CSS 2.1 или CSS 3, либо значением inherit. Так же данное свойство можно задать используя сокращенную запись border-color, или border-right.
Пример использования:
CSS 2.1
Значение | Результат |
---|---|
.elementBorderLeft { border-right-color: blue; } |
цвет правой границы задается названием цвета
|
.elementBorderLeft { border-right-color: #000099; } |
цвет правой границы задается в шестнадцатеричной записи RGB (полный вариант)
|
.elementBorderLeft { border-right-color: #00C; } |
цвет правой границы задается в шестнадцатеричной записи RGB (сокращенный вариант)
|
.elementBorderLeft { border-right-color: rgb(0, 0, 204); } |
цвет правой границы задается в десятичной записи RGB
|
.elementBorderLeft { border-right-color: rgb(0%, 0%, 40%); } |
цвет правой границы задается в процентной записи RGB
|
.elementBorderLeft { border-right-color: transparent; } |
прозрачный цвет границ
|
CSS 3
Значение | Результат |
---|---|
.elementBorderLeft { border-right-color: hsl(240, 50%, 58%); } |
цвет правой границы задается в формате HSL
|
.elementBorderLeft { border-right-color: hsla(240, 50%, 58%, 0.5); } |
цвет правой границы задается в формате HSLa c полупрозрачностью
|
.elementBorderLeft { border-right-color: rgba(0,255,0,1.0); } |
цвет правой границы задается в формате RGBa c полупрозрачностью
|
.elementBorderLeft { border-right-color: rgba(0,255,0,1.0); } |
цвет правой границы задается в формате RGBa c полупрозрачностью
|
Свойство border-right-color
относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение 'color' по спецификации CSS уровень 2.1, и 'currentColor' по спецификации CSS уровень 3. На данный момент свойство поддерживается во всех основных браузерах.
Смотри также:
- border-color - Цвет линии рамки элемента
- border-top-color - Цвет верхней линии рамки элемента
- border-bottom-color - Цвет нижней линии рамки элемента
- border-left-color - Цвет левой линии рамки элемента
- -moz-border-top-colors - Последовательность цветов (от внешнего края к внутреннему) для верхней линии рамки элемента
- -moz-border-right-colors - Последовательность цветов (от внешнего края к внутреннему) для правой линии рамки элемента
- -moz-border-bottom-colors - Последовательность цветов (от внешнего края к внутреннему) для нижней линии рамки элемента
- -moz-border-left-colors - Последовательность цветов (от внешнего края к внутреннему) для левой линии рамки элемента
- border - Свойства рамки элемента
- border-right - Свойства (толщина, стиль, цвет) правой линии рамки элемента
Краткое описание
Синтаксис:
По умолчанию:
Применяется к:
Наследование:
не наследуетсяТип носителя:
Объектная модель документа (DOM):
Кроссбраузерная совместимость
Internet Explorer
5+ |
---|
Firefox
2.0+ |
---|
Chrome
1.0+ |
---|
Safari
1.0+ |
---|
Opera
8.5+ |
---|