Propriedade outlineWidth do estilo

Definição e uso

outlineWidth Define ou retorna a largura do contorno ao redor do elemento.

O contorno é uma linha ao redor do elemento. Ele é exibido ao redor da margem do elemento. No entanto, ele é diferente da propriedade de borda.

O contorno não faz parte do tamanho do elemento, portanto, os atributos de largura e altura do elemento não incluem a largura do contorno.

Veja também:

Tutorial do CSS:Contorno do CSS

Manual do CSS:Propriedade outline

Manual do HTML DOM:Propriedade outline

Exemplo

Exemplo 1

Mudar a largura do contorno do elemento <div>:

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

Experimente você mesmo

Exemplo 2

Use o valor "thick" para alterar a largura do contorno do elemento <div>:

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

Experimente você mesmo

Exemplo 3

Retorna a largura do contorno do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade outlineWidth:

object.style.outlineWidth

Definir a propriedade outlineWidth:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Valor da propriedade

Valor Descrição
thin Define contorno fino.
medium Define contorno médio. Padrão.
thick Define contorno grossinho.
length Largura do contorno medida em unidades de comprimento.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: medium
Retorno: Stringa que representa a largura do contorno do elemento.
Versão do CSS: CSS2

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte