Los últimos tutoriales de desarrollo web
 

Style backgroundSize Property

<Estilo de objeto

Ejemplo

Especificar el tamaño de una imagen de fondo:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades backgroundSize o devuelve el tamaño de las imágenes de fondo.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Los números seguidos por Webkit, Moz o O especifican la primera versión que trabajó con un prefijo.

Propiedad
backgroundSize 4.0
1,0 Webkit
9.0 4.0
3.6 Moz
4.1
3.0 Webkit
10.5
10,0 O

Sintaxis

Devolver la propiedad backgroundSize:

object .style.backgroundSize

Establecer la propiedad backgroundSize:

object .style.backgroundSize="auto| Valores de propiedad
Valor Descripción
auto Valor por defecto. La imagen de fondo contiene su anchura y altura
length Establece el ancho y la altura de la imagen de fondo. El primer valor establece el ancho, el segundo valor define la altura. Si sólo se da un valor, el segundo se establece en "auto"
percentage Establece el ancho y la altura de la imagen de fondo en porcentaje del elemento padre. El primer valor establece el ancho, el segundo valor define la altura. Si sólo se da un valor, el segundo se establece en "auto"
cover La escala de la imagen de fondo a ser tan grande como sea posible para que el área de fondo está completamente cubierta por la imagen de fondo. Algunas partes de la imagen de fondo pueden no estar a la vista dentro de la zona de posicionamiento fondo
contain Escala de la imagen al tamaño más grande de tal manera que tanto su anchura y su altura puede caber dentro del área 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: auto
Valor de retorno: Una cadena, que representa la propiedad background-tamaño de un elemento
Versión CSS CSS3

Páginas relacionadas

Referencia CSS: background-size property


<Estilo de objeto