css властивість border-right-color


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

Властивість `border-right-color`

Ви також можете використовувати border-color, щоб задати колір для всіх меж, або border-right, щоб встановити ширину, стиль та колір для правої межі у скороченому записі.

Значення без задання currentColor (який дорівнює властивості color).

автор: Svitlana

Порада

Перед тим як межа може бути показана, вона мусить мати встановлене значення для border-style (для всіх меж) або border-right-style (тільки для правої межі).

автор: Svitlana
Порада

Рекомендується використовувати скорочені записи за допомогою border-color або border-right для економії часу.

автор: Svitlana

Синтаксис

border-right-color: color|transparent|initial|inherit;

Властивість border-right-color може отримувати 4 значень:

color

Встановлює колір правого кордону. Колір в стилях можна задавати різними способами: за шістнадцятиричним значенням, за назвою, в форматі RGB, RGBA, HSL, HSLA.

автор: Svitlana

transparent

Встановлює прозорий колір

автор: Svitlana

initial

Встановлює властивість у значення без задання

автор: Svitlana

inherit

Вказує на спадковість властивості від свого батьківського елемента

автор: Svitlana

Значення без задання: Поточний колір елемента
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: object.style.borderRightColor="blue"

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
border-right-color 1.0 1.0 1.0 3.5 4.0
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Mozilla Firefox Mobile Apple Safari
border-right-color 1.0 1.0 1.0

Приклади

+ запропонувати свій приклад у пісочниці

Колір лише правої межі: вона червона, решта — типового кольору.

HTML

<p>Права межа червона, решта — чорні.</p>

CSS

p {
    border-style: solid;
    border-right-color: #ff0000;
    padding: 8px;
}
автор: Svitlana

Динамічний приклад

автор: Svitlana

Демонстрація роботи властивості

автор: Svitlana

Демонстрація роботи властивості

автор: Svitlana

Приклад використання властивості

автор: Svitlana

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід