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

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

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

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

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

правити

Порада

Завжди оголошуйте властивість border-style перед власностю border-bottom-color . Елемент повинен мати кордони, перш ніж ви зможете змінити їх колір.

автор: Svitlana правити

Порада

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

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

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

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

color

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

автор: Svitlana

правити

transparent

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

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
border-bottom-color	1.0	1.0	1.0	3.5	4.0

Підтримка: мобільні переглядачі

Переглядач
border-bottom-color	1.0	1.0	1.0

Приклади

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

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

p {
    border-style: solid;
    border-bottom-color: #ff0000;
    padding: 8px;
}