Propriedade outline-width do CSS

Definição e uso

A propriedade outline-width define a largura total do contorno do elemento, e essa largura só entra em vigor quando o estilo do contorno não é none. Se o estilo for none, a largura é resetada para 0. Não é permitido definir valores de comprimento negativos.

outline (contorno) é uma linha desenhada ao redor do elemento, localizada fora da margem da borda, e pode destacar o elemento. A propriedade outline define a linha de contorno ao redor do elemento.

Notas:Sempre declare a propriedade outline-style antes da propriedade outline-width. O elemento só pode mudar a cor do contorno após obter o contorno.

Notas:A linha de contorno não ocupa espaço e nem sempre é retangular.

Veja também:

Tutorial do CSS:Contorno CSS

Manual de referência do CSS:Propriedade outline

Manual de referência do HTML DOM:Propriedade outlineWidth

Exemplo

Definir a cor do contorno pontilhado:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Experimente você mesmo

Sintaxe do CSS

outline-width: média|fino|grossa|length|initial|inherit;

Valor da propriedade

Valor Descrição
Define um contorno fino. fino
média Padrão. Define um contorno médio.
grossa Define um contorno grossinho.
length Permite que você defina o valor da grossura do contorno.
inherit Deve ser especificado que a configuração da largura do contorno deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: média
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.outlineWidth="fino"

TIY Exemplo

Definir a largura da contorno
Este exemplo demonstra como definir a largura da contorno.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente a propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Notas:Se especificado !DOCTYPE, o IE8 suporta a propriedade outline.