Style outline Property

Добавить контур вокруг <div> элемент:

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

Определение и использование

Множества контура собственности или возвращает все свойства контурных, в сокращенном виде.

С помощью этого свойства можно установить / вернуть один или несколько из следующих действий (в любом порядке):

Контур представляет собой линию вокруг элемента. Она отображается вокруг края элемента. Тем не менее, она отличается от собственности на границе.

Контур не является частью размеров элемента, поэтому свойства ширина и высота элемента не содержат ширину контура.

Свойство очертания поддерживается во всех основных браузерах.

Note: Свойство очертание не поддерживается в IE7 и более ранних версий. IE8 требует! DOCTYPE. IE9, а затем поддерживать его.

Возвращает свойство контура:

object .style.outline

Установите свойство контура:

object .style.outline=" Значения свойств

параметр	Описание
width	Устанавливает ширину контура
style	Устанавливает стиль контура
color	Устанавливает цвет контура
initial	Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit	Inherits это свойство от родительского элемента. Читайте о унаследовать

Значение по умолчанию:	средняя доля не инвертная
Возвращаемое значение:	Строка, представляющая наброски ширина, стиль и / или цвет элемента
CSS версия	CSS2

Изменение ширины, стиля и цвета очертаниями <div> элемент:

document.getElementById("myDiv").style.outline = "5px dotted green";

Возврат значения очертания свойства <div> элемент:

alert(document.getElementById("myDiv").style.outline);