Propriedade outline-style do CSS

Definição e uso

A propriedade outline-style é usada para definir o estilo da forma completa do elemento. O estilo não pode ser none, caso contrário, a forma não será exibida.

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

Nota:Sempre declare a propriedade outline-style antes da propriedade outline-color. O elemento só pode mudar a cor da contorno após obter a contorno.

Nota:A linha de contorno não ocupa espaço e não é necessariamente retangular.

Veja também:

Tutorial de CSS:Contorno CSS

Manual de referência do CSS:Propriedade outline

Manual de referência do HTML DOM:Propriedade outlineStyle

Exemplo

Definir o estilo da contorno:

p
  {
  outline-style:dotted;
  }

Experimente você mesmo

Sintaxe do CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor do atributo

Valor Descrição
nada Padrão. Define sem contorno.
hidden Define a contorno oculta.
dotted Define a contorno pontilhada.
dashed Define a contorno pontilhada.
solid Define a contorno sólida.
double Define a contorno dupla. A largura da linha dupla é igual ao valor de outline-width.
groove Define a contorno cavada 3D. Este efeito depende do valor de outline-color.
ridge Define a contorno sulcada 3D. Este efeito depende do valor de outline-color.
inset Define a contorno cavada 3D. Este efeito depende do valor de outline-color.
outset Define a contorno afiada 3D. Este efeito depende do valor de outline-color.
inherit Deve ser definido que a configuração do estilo da contorno seja herdada do elemento pai.

Detalhes técnicos

Valor padrão: nada
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.outlineStyle="dotted"

TIY Exemplo

Definir o estilo da contorno
Este exemplo demonstra como definir o estilo da contorno.

Suporte do navegador

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

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

Nota:Se definido !DOCTYPE, o IE8 suporta a propriedade outline.