1.1 KiB
1.1 KiB
title | localeTitle |
---|---|
Background Size | Tamaño de fondo |
Tamaño de fondo
La propiedad de tamaño de fondo especifica el tamaño de las imágenes de fondo. Puede establecer una longitud o un porcentaje, siendo el primer valor el ancho y el segundo la altura. También puede utilizar uno de los 5 valores de palabras clave:
.auto {background-size: auto;}
.cover {background-size: cover;}
.contain {background-size: contain;}
.initial {background-size: initial;}
.inherit {background-size: inherit;}
/* Percentage and pixel can also be used */
.pixel {background-size: 50px 50px;}
.percentage {background-size: 50% 50%;}
Para establecer esta propiedad en varias imágenes de fondo, valores separados por comas:
.multiple {
background-image: url(1.png), url(2.png);
background-size: 3px 3px, cover;
}
Más información:
Documentación: MDN
Trucos CSS: tamaño de fondo
Soporte del navegador: Caniuse