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

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

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

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

правити

Порада

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

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

Нотатка

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

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

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

Синтаксис

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

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

color

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

автор: Svitlana

правити

transparent

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

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

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

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

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

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

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

Приклади

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

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

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