Определяет цвет рамки. Это сокращенная запись отдельных цветов по сторонам: border-top-color, border-right-color, border-bottom-color, border-left-color.
Если не задано border-style, рамка отображаться не будет, соответственно и цвет меняться не будет.
Если у border-color задано четыре значения, например border-color: black white blue green;, они задают цвет рамки сверху black, справа white, снизу blue, слева green.
Если у border-color задано три значения, например border-color: black white blue;, они задают цвет рамки сверху black, справа и слева white, снизу blue.
Если у border-color задано два значения, например border-color: black white;, они задают цвет рамки сверху и снизу black, справа и слева white.
Если у border-color задано одно значение, например border-color: black;, оно задает цвет рамки со всех сторон black.
Примеры
Значения
| Значение | Описание |
|---|---|
| цвет | Цвет рамки, например: blue, #f00, rgb(30,100,250). Подробнее о цветах в CSS. По умолчанию будет использован цвет текста. |
| transparent | Полностью прозрачная рамка. |
| inherit | Наследует значение родительского блока. |
| initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Androidborder-color
