Свойство border-color
Свойство border-color применяется для сокращенного задания цветов четырех сторон бордюра, то есть свойств border-left-color, border-top-color, border-right-color и border-bottom-color. Если для элемента не заданы цвета сторон, то используется цвет из свойства color элемента. Может использовать от одного до четырех аргументов:
- аргумент один - то он используется для всех сторон
- аргументов два - то первый используется для свойств border-top-color и border-bottom-color, а второй для свойств border-left-color и border-right-color
- аргументов три - то первый используется для свойства border-top-color, второй - для свойств border-left-color и border-right-color, а третий - для свойства border-bottom-color.
- аргументов четыре - то первый используется для свойства border-top-color, второй - для свойства border-right-color, третий - для свойства border-bottom-color, и четвертый для свойства border-left-color.
| Синтаксис | |
|---|---|
| border-color: «color» {1,4} | transparent | |
| Возможные значения и ключевые слова | |
| «color» | любое возможное обозначение цвета |
| transparent | бордюр не отображается, но учитывается его ширина |
| Разное | |
| По умолчанию | Значение свойства color данного элемента |
| Применимо | ко всем элементам |
| Наследование | нет |
| Процентное значение | не применимо |
| Media | visual |
В следующем примере, при помощи свойства border-color, для параграфов (тег p) задан красный цвет бордюра для верхней и нижней стороны и зеленый для левой и правой стороны.
p { border-color: red green;} 
