Определяет цвет рамки. Это сокращенная запись отдельных цветов по сторонам: 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 | Устанавливает значение по умолчанию. |
Поддержка браузерами
border-color