Свойство 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 | Указывает, что значение наследуется от родительского элемента. | Пример
|