Propriedade outlineColor do Style

Definição e uso

outlineColor Define e retorna a cor do contorno ao redor do elemento.

O contorno é uma linha ao redor do elemento. Ela é exibida ao redor da margem do elemento. No entanto, ela é diferente de Propriedade 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 do CSS:Propriedade outline-color

Manual do DOM HTML:Propriedade outline

Exemplo

Exemplo 1

Mude a cor do contorno do elemento <div>:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Experimente você mesmo

Exemplo 2

Retorne a cor da borda do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade outlineColor:

objeto.style.outlineColor

Defina a propriedade outlineColor:

objeto.style.outlineColor = "color|invert|initial|inherit"

Valor da propriedade

Valor Descrição
color

Define a cor do contorno.

Veja Valores de cor do CSS，para obter a lista completa de valores de cor possíveis.
invert Inverte a cor do contorno para o valor oposto. Padrão.
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: invert
Retorno: Cadeia de caracteres, que representa a cor da contorno do elemento.
Versão do CSS： CSS2

Navegador suporta

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