Propriedade outline-color do CSS

Definição e uso

Outline (contorno) é uma linha desenhada ao redor do elemento, localizada no exterior da margem da borda, e pode destacar o elemento. A propriedade outline pode definir 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 nem sempre é retangular.

A propriedade outline-color define a cor da parte visível da contorno de um elemento. Lembre-se de que o estilo da contorno não pode ser none, caso contrário, a contorno não aparecerá.

Veja também:

Tutorial do CSS:Contorno CSS

Manual de referência do CSS:Propriedade outline

Manual de referência do HTML DOM:Propriedade outlineColor

Exemplo

Configurar a cor da contorno pontilhada:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

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
color_name Define a cor do contorno como nome de cor (por exemplo, vermelho).
hex_number Define a cor do contorno como valor hexadecimal (por exemplo, #ff0000).
rgb_number Define a cor do contorno como código rgb (por exemplo, rgb(255,0,0)).
invert Padrão. Executa inversão de cor (cor inversa). Permite que o contorno seja visível em diferentes cores de fundo.
inherit Deve ser definido que a configuração da cor do contorno deve ser herdada do elemento pai.

Detalhes técnicos

Valor padrão: invert
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.outlineColor="#0000FF"

TIY Exemplo

Configurar a cor da contorno
Este exemplo demonstra como configurar a cor da contorno.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente 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.