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