manual de referência CSS

regras CSS (RULES)

大全 de propriedades CSS

Background do CSS-Atributo position Background do CSS-Atributo image

CSS3 background-Método de uso e exemplo da propriedade origin

Background do CSS-A propriedade origin especifica a área de localização do fundo, ou seja, usandobackground-imageA propriedade origin especifica a posição do ponto de origem da imagem.

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

Valor padrão:	padding-box
Aplicável:	Para todos os elementos. Também é aplicável a::first-lettere::first-line。
Herança:	Nenhum
Animação:	Não.Por favor, consulte: Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe em JavaScript:	object　　　object.style.backgroundOrigin="content-box"

background-Sintaxe de uso do origin

A sintaxe dessa propriedade é a seguinte:

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

O exemplo a seguir demonstra como usar o background-Atributo origin.

Exemplo

.box　{
　　　　width:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px　dashed　#333;
　　　　background:　url("images/sky.jpg")　no-repeat;
　　　　background-size:　contain;
　　　　background-origin:　content-box;
}

Teste e veja‹/›

Nota:Este background-Se o valor do atributo for ignoradobackground-attachmentA propriedade é especificada como fixed.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
border-box	Especifique que o background se estenda ao exterior da borda. O background é desenhado abaixo da borda.
padding-box	Especifique que o background se estenda ao exterior da borda de preenchimento. O background não é desenhado abaixo da borda. Isso é o valor padrão.
content-box	Especifique que o background seja desenhado apenas dentro da caixa de conteúdo (recortada). O background não é desenhado abaixo da borda e da área de preenchimento.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o background do elemento pai-Valor calculado do atributo origin.

Compatibilidade do navegador

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

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