Определение и использование
Контур является линией , которая обращается вокруг элементов (outside the borders) , чтобы сделать элемент "stand out" .
Контуры сокращённое свойство устанавливает все свойства контурные в одной декларации.
Свойства , которые можно установить, являются (in order) : наброски цвета, наброски стиле, наметить ширину.
Если одно из указанных выше значений отсутствуют, например , "outline:solid #ff0000;" , Значение по умолчанию для недостающего имущества будет вставлен, если таковые имеются.
Примечание: Контур не является частью размеров элемента, поэтому свойства ширина и высота элемента не содержат ширину контура.
Значение по умолчанию: | invert none medium |
---|---|
Наследование: | no |
Animatable: | yes, see individual properties . Read about animatable Try it |
Версия: | CSS2 |
Синтаксис JavaScript: | object .style.outline="#0000FF dotted 5px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
outline | 1,0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 поддерживает свойство только контур , если DOCTYPE указан!.
CSS Синтаксис
outline:outline-coloroutline-styleoutline-width|initial|inherit;
Значения свойств
Стоимость | Описание |
---|---|
outline-color | Определяет цвет контура |
outline-style | Определяет стиль контура |
outline-width | Определяет ширину контура |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Outline
HTML DOM ссылка: outline property