css властивість border-top-color
Властивість border-top-color встановлює колір верхньої межі елементу.
Ви також можете використовувати border-color, щоб задати колір для всіх меж, або border-top, щоб встановити ширину, стиль та колір для верхньої межі у скороченому записі.
Значення без задання currentColor (який дорівнює властивості color).
| Нотатка: | Перед тим як межа може бути показана, вона мусить мати встановлене
значення для |
| Порада: | Рекомендується використовувати скорочені записи за допомогою |
Синтаксис
border-top-color: color|transparent|initial|inherit;Властивість border-top-color може отримувати 4 значення:
colorВстановлює колір кордону. Колір в CSS можна задавати різними способами: по шістнадцятиричному коду, за назвою чи в форматі
RGB, RGBA, HSL, HSLAtransparentВстановлює прозорий колір
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивостей від свого батьківського елемента
| Значення без задання: | Поточний колір елемента |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderTopColor="blue" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-top-color | 1.0 |
4.0 |
1.0 |
1.0 |
3.5 |
| Переглядач | |||
|---|---|---|---|
| border-top-color | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Встановлення кольору верхнього кордону.
p {
border-style: solid;
border-top-color: #ff0000;
}