Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство border-color


CSS Справочник Полный 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"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство border-color поддерживается всеми основными браузерами.

Замечание: Internet Explorer 6 (и более ранние версии) не поддерживает значение свойства "transparent".

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


Значения Свойства

Значение Описание
цвет Указывает цвет границы. Смотрите полный список с возможными значениями цветов в Справочнике Значений Цветов CSS.
transparent Указывает, что цвет границы должен быть прозрачным. Используется по умолчанию
inherit Указывает, что цвет границы должен наследоваться от родительского элемента


Смотрите Также

CSS уроки: CSS Граница


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru