border-color
CSS свойство border-color
Поддержка браузеров
Описание
Свойство border-color задает цвет для границ рамки элемента. Можно использовать от 1 до 4 значений. Цвет устанавливается начиная с верхней позиции. Если задано два цвета подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.
Пример:
-
border-color:red green blue pink;
- Верхняя граница - красная
- Правая граница - зеленая
- Нижняя граница - синяя
-
Левая граница - розовая
-
border-color:red green blue;
- Верхняя граница - красная
- Правая граница - зеленая
- Нижняя граница - синяя
-
Левая граница - зеленая
-
border-color:red green;
- Верхняя граница - красная
- Правая граница - зеленая
- Нижняя граница - красная
-
Левая граница - зеленая
-
border-color:red;
- Все 4 границы рамки - красные
Значение по умолчанию: | нет |
---|---|
Наследуется: | нет |
Версия: | CSS1 |
Синтаксис JavaScript: | object.style.borderColor="#FF0000 blue" |
Значения свойства
Значение | Описание |
---|---|
color | Задает цвет для границ рамки. |
transparent | Указывает, что цвет границ рамки должен быть прозрачным. |
inherit | Указывает, что значение наследуется от родительского элемента. |
div { border-style:solid; border-width:5px; border-color:red green blue yellow; }