Atributo Style backgroundSize

Definición y uso

backgroundSize Configuración o retorno del tamaño de la imagen de fondo del atributo.

Vea también:

Estilos HTML:Atributo background

Tutoriales CSS:Fondo CSS

Tutoriales CSS3:Fondo CSS3

Manual de referencia de CSS:Atributo background-size

Ejemplo

Especifique el tamaño de la imagen de fondo:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Pruebe usted mismo

Sintaxis

Retorne el atributo backgroundSize:

object.style.backgroundSize

Establezca el atributo backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Valor del atributo

Valor Descripción
auto Valor predeterminado. La imagen de fondo contiene su ancho y altura.
length

Establezca el ancho y la altura de la imagen de fondo.

El primer valor establece el ancho, el segundo valor establece la altura.

Si se proporciona solo un valor, el segundo se establece en "auto".
percentage

Establezca el ancho y la altura de la imagen de fondo en porcentajes del elemento padre.

El primer valor establece el ancho, el segundo valor establece la altura.

Si se proporciona solo un valor, el segundo se establece en "auto".
cover

Ajuste la imagen de fondo al tamaño máximo posible para que cubra completamente el área de fondo.

Algunas partes de la imagen de fondo pueden no estar en el área de ubicación del fondo.
contain Ajuste el tamaño de la imagen para que se ajuste al área de contenido.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: auto
Valor de retorno: Cadena que representa el Atributo background-size.
Versión de CSS: CSS3

Compatibilidad del navegador

backgroundSize 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
Apoyo Apoyo Apoyo Apoyo Apoyo 11