пример
Установите цвет пунктирной линией:
p
{
outline-style: dotted;
outline-color: #00ff00;
}
Попробуй сам " Определение и использование
Контур является линией , которая обращается вокруг элементов (outside the borders) , чтобы сделать элемент "stand out" .
Свойство очертание цвет определяет цвет очертания.
Note: Всегда объявляйте свойство очертание стиле перед собственности наброски цветов. Элемент должен иметь план, прежде чем изменить его цвет.
Значение по умолчанию: | invert |
---|---|
Наследование: | no |
Animatable: | yes, see individual properties . Read about animatable Try it |
Версия: | CSS2 |
Синтаксис JavaScript: | object .style.outlineColor="#FF0000" Try it |
Советы и примечания
Контур представляет собой линию вокруг элемента. Она отображается вокруг края элемента. Тем не менее, она отличается от собственности на границе.
Контур не является частью размеров элемента, поэтому свойства ширина и высота элемента не содержат ширину контура.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
outline-color | 1,0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 поддерживает план-свойство цвета , только если DOCTYPE указан!.
CSS Синтаксис
outline-color: invert|color|initial|inherit;
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
invert | Выполняет инверсию цветов. Это гарантирует, что контур виден, независимо от цвета фона. Это по умолчанию | Сыграй " |
color | Определяет цвет контура. Посмотрите на CSS Цвет Значения для полного списка возможных значений цвета. | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Outline
Справка CSS: outline property
HTML DOM ссылка: outlineColor property