|
CSS Свойство outline
 Полный CSS Справочник
Пример
Создать контур вокруг элемента:
p
{
outline:#00FF00 dotted thick;
} |
Попробуйте сами » |
Определение и ИспользованиеКонтур - это линия, которая рисуется вокруг элемента (вне его границ), чтобы сделать
этот элемент "выделяющимся".
Стенографическое свойство outline устанавливает все свойства контура в одном объявлении.
Свойства, которые могут быть установлены (по порядку): outline-color, outline-style, outline-width.
Если одно из значений выше отсутствует, например "outline:solid #ff0000;",
для пропущенного свойства будет вставлено значение по умолчанию, если таковое имеется.
| Значение по умолчанию: |
invert none medium |
| Наследуется: |
нет |
| Версия: |
CSS2 |
| JavaScript синтаксис: |
объект.style.outline="#0000FF dotted thin" |
Поддержка Браузерами
Свойство outline поддерживается всеми основными браузерами.
Замечание: IE8 поддерживает свойство outline, только если указано объявление !DOCTYPE.
Советы и ЗамечанияКонтур - это линия вокруг элемента. Она отображается вокруг полей элемента.
Однако это не то же самое, что и свойство границы (border).
Контур не является частью размеров элемента, поэтому
ширина и высота элемента не включают толщину контура.
Значения Свойства
| Значение |
Описание |
| outline-color |
Указывает цвет контура |
| outline-style |
Указывает стиль контура |
| outline-width |
Указывает ширину контура |
| inherit |
Указывает, что значение свойства outline должно наследоваться от родительского элемента |
Смотрите ТакжеCSS уроки: CSS Контур
Полный CSS Справочник
|
