|
CSS Свойство border-color
 Полный CSS Справочник
Пример
Установка цвета всех четырех границ:
p
{
border-style:solid;
border-color:#ff0000 #0000ff;
} |
Попробуйте сами » |
Определение и ИспользованиеСвойство border-color устанавливает цвет всех четырех границ элемента. Это свойство
может иметь от одного до четырех значений.
Примеры:
- border-color:red green blue pink;
- верхняя граница красная
- правая граница зеленая
- нижняя граница голубая
- левая граница розовая
- border-color:red green blue;
- верхняя граница красная
- правая и левая границы зеленые
- нижняя граница голубая
- border-color:red green;
- верхняя и нижняя границы красные
- правая и левая границы зеленые
- border-color:red;
- все четыре границы красные
Замечание: Всегда объявляйте свойство border-style перед свойством border-color.
Элемент должен иметь границы прежде чем вы сможете изменить их цвет.
| Значение по умолчанию: |
не указано |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| JavaScript синтаксис: |
объект.style.borderColor="#FF0000 blue" |
Поддержка Браузерами
Свойство border-color поддерживается всеми основными браузерами.
Замечание: Internet Explorer 6 (и более ранние версии) не поддерживает значение свойства "transparent".
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявления !DOCTYPE. IE9 поддерживает "inherit".
Значения Свойства
| Значение |
Описание |
| цвет |
Указывает цвет границы. Смотрите полный список с возможными значениями цветов в Справочнике Значений Цветов CSS. |
| transparent |
Указывает, что цвет границы должен быть прозрачным.
Используется по умолчанию |
| inherit |
Указывает, что цвет границы должен наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Граница
Полный CSS Справочник
|
