css властивість border-right-color
Властивість border-right-color встановлює колір правої межі елементу.

Ви також можете використовувати border-color, щоб задати колір для всіх меж, або border-right, щоб встановити ширину, стиль та колір для правої межі у скороченому записі.
Значення без задання currentColor (який дорівнює властивості color).
- Порада
-
Перед тим як межа може бути показана, вона мусить мати встановлене значення для
автор: Svitlanaborder-style(для всіх меж) абоborder-right-style(тільки для правої межі). - Порада
-
Рекомендується використовувати скорочені записи за допомогою
автор: Svitlanaborder-colorабоborder-rightдля економії часу.
Синтаксис
border-right-color: color|transparent|initial|inherit;
Властивість border-right-color може отримувати 4 значень:
-
color -
Встановлює колір правого кордону. Колір в стилях можна задавати різними способами: за шістнадцятиричним значенням, за назвою, в форматі
автор: SvitlanaRGB, RGBA, HSL, HSLA. -
transparent -
Встановлює прозорий колір
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента
автор: Svitlana
| Значення без задання: | Поточний колір елемента |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderRightColor="blue" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-right-color | 1.0 | 1.0 | 1.0 | 3.5 | 4.0 |
| Переглядач | |||
|---|---|---|---|
| border-right-color | 1.0 | 1.0 | 1.0 |
Приклади
+ запропонувати свій приклад у пісочниці
Колір лише правої межі: вона червона, решта — типового кольору.
HTML
<p>Права межа червона, решта — чорні.</p>
CSS
p {
border-style: solid;
border-right-color: #ff0000;
padding: 8px;
}
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Коментарі
Коментарів ще немає — будьте першим!