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

Manual de referência CSS

Regras CSS @RULES

大全 de Atributos CSS

CSS3 contorno-método de uso e exemplo do atributo offset

contorno-o atributo CSS offset é usado para definir contorno-o atributo CSS offset é usado para definir o espaço entre a contorno e a borda ou margem do elemento. O espaço entre a contorno e a borda ou margem do elemento.

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

valor padrão:0
aplicável a:todos os elementos
herança:não
animável:é.por favor, consulte propriedade de animação.
versão: CSS3nova funcionalidade
JavaScript sintaxe:objeto.style.contornoOffset="15px"

contorno-sintaxe de uso do offset

a sintaxe dessa propriedade é a seguinte:

contorno-offset: length | initial | inherit

o exemplo a seguir demonstra como usar contorno-atributo offset.

p {
    borda: 2px sólido vermelho;
    contorno: 2px sólido verde;
    contorno-offset: 10px;
}
testar para ver‹/›

valor do atributo

a tabela a seguir descreve os valores dessa propriedade.

valordescrição
lengthespecificar a distância da linha de contorno até a margem do contorno. O valor padrão é 0. O valor negativo coloca o contorno dentro do elemento.
initialdefina essa propriedade para seu valor padrão.
inheritse especificado, o elemento relacionado usa o outline do elemento pai-valor do atributo offset.

compatibilidade do navegador

contorno-compatibilidade do navegador do atributo offset, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 3.5+

  • Google Chrome4+

  • Internet Explorer ×

  • Apple Safari 3.1+

  • Opera 10.5+

leia mais

por favor, consulte a seguinte instrução:CSS contorno,CSS borda.

propriedades relacionadas:contorno,contorno-largura,contorno-estilo,contorno-cor.