Закрыть   X

  •    
  •    
Печать

border-color

Автор: Алексей Елизаров.

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

Поддержка браузеров

 

Описание

 

Свойство border-color задает цвет для границ рамки элемента. Можно использовать от 1 до 4 значений. Цвет устанавливается начиная с верхней позиции. Если задано два цвета подряд, это значит первое значение для верхней и нижней границы, второе значение для правой и левой границы.

Пример:

  • border-color:red green blue pink;
    • Верхняя граница - красная
    • Правая граница - зеленая
    • Нижняя граница - синяя
    • Левая граница - розовая
       
  • border-color:red green blue;
    • Верхняя граница - красная
    • Правая граница - зеленая
    • Нижняя граница - синяя
    • Левая граница - зеленая
       
  • border-color:red green;
    • Верхняя граница - красная
    • Правая граница - зеленая
    • Нижняя граница - красная
    • Левая граница - зеленая
       
  • border-color:red;
    • Все 4 границы рамки - красные

Значение по умолчанию: нет
Наследуется: нет
Версия: CSS1
Синтаксис JavaScript: object.style.borderColor="#FF0000 blue"


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

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

div
{
border-style:solid;
border-width:5px;	
border-color:red green blue yellow;
}


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки