- Главная»
- CSS-Шпаргалка»
- border-color
border-color
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE до 7.0 (включ.) не поддерживает значение inherit IE6 не поддерживает transparent | + | + | + | + |
Пример
Прописываем границу вокруг элемента:
p { border-style:solid; border-color:#ff0000 #0000ff; }
Описание и использование
Свойство border-color задает цвет для четырех границ. Это свойство может иметь от одного до четырех значений.
Примеры:
* border-color:red green blue pink; - верхняя граница красная - правая граница зеленая - нижняя граница синяя - левая граница фиолетовая
* border-color:red green blue; - верхняя граница красная - правая и левая границы зеленые - нижняя граница синяя
* border-color:dotted red green; - верхняя и нижняя границы красные - правая и левая границы зеленые
* border-color:red; - все четыре границы красные
Примечание: Всегда прописывайте свойство border-style перед свойством border-color. У элемента должна быть граница, прежде чем менять ее цвет.
Значение по умолчанию: | не указано |
---|---|
Наследуется: | нет |
Версия: | CSS1 |
Аргументы
Значение | Описание |
---|---|
имя_цвета | Определяет цвет границы с помощью названия цвета. Например, red (красный) |
hex_номер | Определяет цвет границы с помощью hex кода. Например, #ff0000 |
rgb_номер | Определяет цвет границы с помощью RGB кода, Например, rgb(255,0,0) |
transparent | Цвет границы прозрачный. Значение по умолчанию. |
inherit | Значение должно быть унаследовано от элемента родителя |