Propriedade backgroundOrigin do estilo

Definição e uso

backgroundOrigin O atributo background-position define a posição de posicionamento da propriedade background-position em relação a que posição.

Observação:Se o atributo background-attachment da imagem de fundo for "fixed"então essa propriedade não terá efeito.

Exemplo

Posicionar a imagem de fundo em relação à caixa de conteúdo:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Experimente você mesmo

Sintaxe

Retornar a propriedade backgroundOrigin:

object.style.backgroundOrigin

Definir a propriedade backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Valor da propriedade

Valor Descrição
padding-box Valor padrão. A imagem de fundo é posicionada em relação à caixa de preenchimento.
border-box A imagem de fundo é posicionada em relação à caixa de borda.
content-box A imagem de fundo é posicionada em relação à caixa de conteúdo.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: padding-box
Retorno: Cadeia de caracteres, que representa o Propriedade background-origin.
Versão do CSS: CSS3

Suporte do navegador

backgroundOrigin é uma característica do CSS3 (1999).

Todos os navegadores suportam completamente:

Chrome Edge Firefox Safari Ópera IE
Chrome Edge Firefox Safari Ópera IE
Suporte Suporte Suporte Suporte Suporte 11

Páginas relacionadas

Manual de referência CSS:Propriedade background-origin