manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS background-atributo color CSS background-atributo attachment

CSS3 background-Uso e exemplo da propriedade clip

CSS background-A propriedade clip especifica o fundo (cor ou imagem) do elemento, se estende até abaixo de suas bordas.

A tabela a seguir resume o contexto de uso e o histórico de versões dessa propriedade.

Valor padrão:	border-box
Aplicável a:	todos os elementos. Também se aplica a::first-lettere::first-line。
Herança:	Não
Animável:	Não.Por favor, consulte: Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe JavaScript:	object　　　object.style.backgroundClip="content-box"

background-Sintaxe de uso do clip

A sintaxe dessa propriedade é a seguinte:

background-clip:　border-box　|　padding-box　|　content-box　|　initial　|　inherit

Os seguintes exemplos mostram como usar background-Atributo clip.

Exemplo

.box　{
　　　　width:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px　dashed　#333;
　　　　background:　laranja;
　　　　background-clip:　content-box;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
border-box	Especifique que a imagem de fundo se estenda para fora da borda. A imagem de fundo é desenhada abaixo da borda. Este é o valor padrão.
padding-box	Especifique que a imagem de fundo se estenda para fora da borda do preenchimento. A imagem de fundo não é desenhada abaixo da borda.
content-box	Especifique que a imagem de fundo seja desenhada apenas dentro da caixa de conteúdo (cortada). A imagem de fundo não é desenhada abaixo da borda e da área de preenchimento.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o background do elemento pai-Calculo do valor do atributo clip.

Compatibilidade do navegador

background-Compatibilidade do atributo clip do navegador, todos os navegadores populares suportam essa propriedade.

	Firefox 4+ Google Chrome4+ Internet Explorer 9+ Apple Safari 3+ Opera 10.5+