English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

regras CSS (RULES)

大全 de atributos CSS

Outline do CSS-Método de uso e exemplo da propriedade color

outline-color CSS属性设置元素轮廓的颜色。然而,在许多情况下,我们更常用outlineA propriedade cor CSS define a cor do contorno do elemento. No entanto, em muitos casos, usamos mais comumente

Esta propriedade abreviada.

A tabela a seguir fornece instruções de uso e histórico de versão deste atributo, bem como a sintaxe de uso deste atributo no script JavaScript.invert
Valor padrão:Aplicável:
Todos os elementosHerança:
NãoAnimável:é. Por favor, consulte
Atributos animadosCSS 2Versão:3
Sintaxe JavaScript:object

outline-.style.outlineColor="#000000"

Sintaxe de uso da cor

outline-A sintaxe deste atributo é a seguinte:

cor: color | invert | initial | inherit-Os seguintes exemplos mostram como usar outline

  Exemplo
   outline-p {
   outline-style: solid;
  cor: #ff0000;
}/Teste para ver‹

Atenção:-cor propriedade antes de declararoutline-styleA propriedade. O elemento deve ter um contorno antes de poder definir a cor do contorno, porque o outline-O valor padrão do styleproperty é none.

Valores do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
corEspecifique a cor do contorno. VejaValores de cor CSSpara obter a lista de valores de cor possíveis.
invertExecute a inversão de cor dos pixels da tela para garantir que o contorno seja visível, independentemente da cor de fundo. Este é o valor padrão.
initialDefina esta propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o outline do elemento pai-Valores da propriedade cor.

Compatibilidade do navegador

outline-A compatibilidade do navegador da propriedade cor, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esta propriedade; todos os navegadores populares suportam esta propriedade.

  • Firefox 1.5Acima

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Aviso: Internet Explorer 7e versões mais antigas não suportam este contorno-cor propriedade. IE8Suporta esta propriedade, mas requer um<!DOCTYPE>

Leia mais

Por favor, consulte as tutoriais relacionadas ao seguinte conteúdo:CSS contornoCSS borda

Propriedades relacionadas:outlineoutline-widthoutline-style