Style outlineWidth Property

Alterar a largura do contorno de um <div> elemento:

document.getElementById("myDiv").style.outlineWidth = "10px";

Definição e Uso

Os conjuntos de propriedades outlineWidth ou retorna a largura do contorno ao redor de um elemento.

Um esboço é uma linha em torno de um elemento. Ele é exibido em torno da margem do elemento. No entanto, é diferente da propriedade fronteira.

O contorno não é uma parte das dimensões do elemento, portanto, largura e altura do elemento propriedades não contêm a largura do esboço.

A propriedade outlineWidth é suportado em todos os principais navegadores.

Note: A propriedade outlineWidth não é suportado no IE7 e anteriores. IE8 requer um DOCTYPE!. IE9 e depois apoiá-lo.

Devolver o imóvel outlineWidth:

object .style.outlineWidth

Defina a propriedade outlineWidth:

object .style.outlineWidth="thin|medium|thick| Valores de propriedade

Valor	Descrição
thin	Define um esboço fina
medium	Define um esboço médio. Este é o padrão
thick	Define um esboço de espessura
length	A largura do esboço em unidades de comprimento
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Valor padrão:	médio
Valor de retorno:	A String, que representa a largura do contorno de um elemento
CSS Versão	CSS2

Alterar a largura do contorno de um <div> elemento, usando o "thick" valor:

document.getElementById("myDiv").style.outlineWidth = "thick";

Voltar a largura do contorno de um <div> elemento:

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

CSS tutorial: Esboço CSS

Referência CSS: outline property

Referência HTML DOM: outline property