Estilo backgroundOrigin Propiedad
Ejemplo
Coloque la imagen de fondo en relación con el cuadro de contenido:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Definición y uso
La propiedad backgroundOrigin establece o devuelve a qué se refiere la propiedad background-position.
Nota: si la propiedad de archivo adjunto de fondo para la imagen de fondo es "fija", esta propiedad no tiene efecto.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintaxis
Devuelve la propiedad backgroundOrigin:
object.style.backgroundOrigin
Establezca la propiedad backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Valores de propiedad
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 |
Detalles técnicos
Valor por defecto: | caja de relleno |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de origen de fondo de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad de origen de fondo