пример
Установите цвет четырех границ:
p
{
border-style: solid;
border-color: #ff0000 #0000ff;
}
Попробуй сам " Определение и использование
Свойство границы цвета устанавливает цвет четырех границ элемента. Это свойство может иметь от одного до четырех значений.
Примеры:
- border-color:red green blue pink;
- Верхняя граница красного цвета
- правая граница зеленого цвета
- нижняя граница синего цвета
- Левая граница розовый
- border-color:red green blue;
- Верхняя граница красного цвета
- правые и левые границы зеленый
- нижняя граница синего цвета
- border-color:red green;
- верхние и нижние границы красные
- правые и левые границы зеленый
- border-color:red;
- все четыре границы красные
Note: Всегда объявляйте свойство границы стиля до собственности границы цвета. Элемент должен иметь границы, прежде чем вы можете изменить цвет.
Значение по умолчанию: | The current color of the element |
---|---|
Наследование: | no |
Animatable: | yes. Read about animatable Try it |
Версия: | CSS1 |
Синтаксис JavaScript: | object .style.borderColor="#FF0000 blue" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
border-color | 1,0 | 4.0 | 1,0 | 1,0 | 3.5 |
Note: Internet Explorer 6 (and earlier versions) не поддерживает значение свойства "transparent" .
CSS Синтаксис
border-color:color|transparent|initial|inherit;
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
color | Определяет цвет фона. Посмотрите на CSS Цвет Значения для полного списка возможных значений цвета. По умолчанию цвет черный | Сыграй " |
transparent | Указывает, что цвет границы должны быть прозрачными | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Border
HTML DOM ссылка: borderColor property