Ejemplo
Posicionar la imagen de fondo en relación con el cuadro de contenido:
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades backgroundOrigin o devuelve lo que la propiedad background-position es relativa a.
Note: Si la propiedad background-attachment la imagen de fondo se "fixed" , esta propiedad no tiene ningún efecto.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintaxis
Devolver la propiedad backgroundOrigin:
object .style.backgroundOrigin
Establecer la propiedad backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| padding-box | Valor por defecto. La imagen de fondo se coloca en relación a la caja de relleno |
| border-box | La imagen de fondo se coloca en relación a la caja de la frontera |
| content-box | La imagen de fondo se coloca en relación a la caja de contenido |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | padding-cuadro |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad background-origen de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: background-origin property
<Estilo de objeto