Propiedad Style backgroundOrigin

Definición y uso

backgroundOrigin La propiedad background-position especifica qué posición relativa se utiliza para ubicar el atributo.

Notas:Si el atributo background-attachment de la imagen de fondo es "fixed"entonces esta propiedad no tiene efecto.

Ejemplo

Ubicar la imagen de fondo en relación con el cuadro de contenido:

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

Pruebe usted mismo

Sintaxis

Retornar la propiedad backgroundOrigin:

object.style.backgroundOrigin

Configurar la propiedad backgroundOrigin:

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

Valor de propiedad

Valor Descripción
padding-box Valor predeterminado. La imagen de fondo se ubica en relación con el cuadro de relleno.
border-box La imagen de fondo se ubica en relación con el cuadro de borde.
content-box La imagen de fondo se ubica en relación con el cuadro de contenido.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: padding-box
Valor de retorno: Cadena que representa el Atributo background-origin.
Versión de CSS: CSS3

Compatibilidad del navegador

backgroundOrigin es una característica de CSS3 (1999).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte 11

Páginas relacionadas

Manual de referencia de CSS:Atributo background-origin