manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

Outline do CSS-Atributo color CSS3 Atributo order

Métodos de uso e exemplos da propriedade outline CSS

A propriedade outline define a largura, estilo e cor de todos os quatro lados do contorno do elemento. É usada para definir várias propriedades de contorno em uma única declaração (ou seja,outline-width,outline-styleEoutline-colorA abreviação do atributo ).

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

Valor padrão:	Ver todas as propriedades
Aplicável a:	Todos os elementos
Herança:	Nenhum
Produção animada:	Sim, porque alguns atributos de atalho podem ser configurados para animação.Por favor, consulte Atributos de animação.
Versão:	CSS 2,3
Sintaxe do JavaScript:	object.style.outline="#cc0000 dotted thin"

Sintaxe de uso do outline

A sintaxe deste atributo é a seguinte:

outline: [ outline-width outline-style outline-color] | initial | inherit

Atenção:Se qualquer um dos atributos listados acima estiver ausente ou omitido, será inserido o valor padrão do atributo (se houver). Para mais detalhes, consulte cada atributo.

O exemplo a seguir demonstra como usar o atributo outline.

Exemplo

　　p.one {
　　　outline:　2px sólido #ff0000;
　　}
　　p.two {
　　　color: #00ff00;
　　　outline-top:　5px sólido;
　　}

Teste e veja‹/›

Atenção:Seoutline-colorfaltando ou não especificado (por exemplo, outline: 5px sólido;), então será usadocolordo atributo do elemento. No entanto, em algumas situações especiais, a omissãooutline-styleEste valor não exibirá nenhum contorno, porque o valor do-O valor padrão do styleproperty é none.

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
outline-width	Defina a largura do contorno do elemento.
outline-style	Defina o estilo da linha do contorno do elemento.
outline-color	Defina a cor do contorno do elemento.
initial	Defina este atributo como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor do atributo outline do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo outline, os números na tabela a seguir representam a versão mais baixa do navegador que suporta este atributo; todos os navegadores populares suportam este atributo.

	Firefox 1.5Os seguintes Google Chrome1+ Internet Explorer 8+ Apple Safari 1.2+ Opera 7+

Aviso: Internet Explorer 7e versões mais antigas não suportam este atributo outline. IE8Suporta este atributo, mas requer um<!DOCTYPE>.