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

manual de referência CSS

regra CSS @ (RULES)

大全 de atributos CSS

CSS outline-size propriedade

outline-método de uso e exemplo da propriedade widthoutlinewidth CSS propriedade define a largura do contorno do elemento. No entanto, em muitos casos, o uso de propriedades abreviadas CSS

Mais conveniente e mais desejável.

A tabela a seguir fornece instruções de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso da propriedade no script JavaScript.medium
Valor padrão:Aplicável a:
Todos os elementosHerança:
NãoPode ser animado:é. Por favor, consulte
Atributo de animaçãoVersão: 2CSS3
JavaScript sintaxe:object

outline-.style.outlineWidth="medium"

Sintaxe de uso da largura

outline-A sintaxe dessa propriedade é a seguinte:

largura: thin | medium | thick | length | initial | inherit-Os exemplos a seguir mostram como usar outline

  Exemplo
   outline-p {
   outline-style: solid;
  largura: thick;
}/Teste e veja‹

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

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
thinContorno fino.
mediumContorno médio.
thickContorno grossinho.
lengthValores numéricos em unidades como px, em, etc. Não é permitido usar valores negativos.
inheritSe especificado, o elemento relacionado adota o outline do elemento pai-largura valor da propriedade.

Compatibilidade do navegador

outline-A compatibilidade do navegador da propriedade largura, os números na tabela a seguir representam a versão mais baixa do navegador que suporta essa propriedade; todos os navegadores populares suportam essa 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 esse contorno-largura propriedade. IE8Suporta essa propriedade, mas precisa de um<!DOCTYPE>

Leia mais

Por favor, consulte as tutoriais relacionadas aos seguintes conteúdos:CSS contornoCSS borda

Propriedades relacionadas:outlineoutline-styleoutline-color