35 lines
1.1 KiB
Markdown
35 lines
1.1 KiB
Markdown
---
|
|
title: Background Size
|
|
localeTitle: 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:
|
|
|
|
```css
|
|
.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:
|
|
|
|
```css
|
|
.multiple {
|
|
background-image: url(1.png), url(2.png);
|
|
background-size: 3px 3px, cover;
|
|
}
|
|
```
|
|
|
|
#### Más información:
|
|
|
|
Documentación: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size)
|
|
|
|
Trucos CSS: [tamaño de fondo](https://css-tricks.com/almanac/properties/b/background-size/)
|
|
|
|
Soporte del navegador: [Caniuse](http://caniuse.com/#search=background-size) |