tutoriais mais recente desenvolvimento web
 

Style backgroundOrigin Property

<Estilo de objeto

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