Propriedade de origem do plano de fundo do estilo
Exemplo
Posicione a imagem de fundo em relação à caixa de conteúdo:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Definição e uso
A propriedade backgroundOrigin define ou retorna ao que a propriedade background-position é relativa.
Nota: Se a propriedade background-attachment para a imagem de fundo for "fixa", esta propriedade não terá efeito.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintaxe
Retorne a propriedade backgroundOrigin:
object.style.backgroundOrigin
Defina a propriedade backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
padding-box | Default value. The background image is positioned relative to the padding box |
border-box | The background image is positioned relative to the border box |
content-box | The background image is positioned relative to the content box |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | caixa de estofamento |
---|---|
Valor de retorno: | Uma String, representando a propriedade background-origin de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade background-origin