propriedade outline do estilo

definição e uso

outline defina ou retorne todas as propriedades de contorno em forma abreviada.

através deste atributo, você pode definir/retornar uma ou mais das seguintes (em qualquer ordem):

o contorno é uma linha ao redor do elemento. Ela é exibida ao redor da margem do elemento. No entanto, ela é diferente de atributo border diferente.

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 de CSS：Contorno CSS

manual de referência do CSS：propriedade outline

exemplo

exemplo 1

adicionar contorno ao redor do elemento <div>:

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

Experimente você mesmo

exemplo 2

altere a largura, estilo e cor do contorno do elemento <div>:

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

Experimente você mesmo

exemplo 3

retorne o valor da propriedade outline do elemento <div>:

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

Experimente você mesmo

sintaxe

retorne a propriedade outline:

object.style.outline

defina a propriedade outline:

object.style.outline = "width style color|initial|inherit"

valor da propriedade

valor descrição
width defina a largura do contorno.
style defina o estilo do contorno.
color defina a cor do contorno.
initial defina essa propriedade para seu valor padrão. Veja initial.
inherit herda essa propriedade do elemento pai. Veja inherit.

detalhes técnicos

Valor padrão: medium none invert
Retorno: uma string que representa a largura, estilo e/ou cor 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