Exemplo
Posicionar a imagem de fundo em relação à caixa de conteúdo:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Tente você mesmo " Definição e Uso
Os backgroundOrigin conjuntos de propriedades ou retorna o que a propriedade background-position é relativo a.
Note: Se a propriedade background-attachment para a imagem de fundo é "fixed" , esta propriedade não tem efeito.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9 | 4.0 | 3,0 | 10,5 |
Sintaxe
Devolver o imóvel backgroundOrigin:
object .style.backgroundOrigin
Defina a propriedade backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Valores de propriedade
Valor | Descrição |
---|---|
padding-box | Valor padrão. A imagem de fundo é posicionado em relação à caixa de enchimento |
border-box | A imagem de fundo é posicionado em relação à caixa de fronteira |
content-box | A imagem de fundo é posicionado em relação à caixa de conteúdo |
initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
Valor padrão: | padding-caixa |
---|---|
Valor de retorno: | A String, que representa a propriedade background-origem de um elemento |
CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: background-origin property
<Estilo de objeto