El mejor tutorial de CSS3 propiedad background-size en 2024. En este tutorial podrás aprender Ejemplos,Soporte para el navegador,definiciones de código e instrucciones,gramática,ejemplos en línea,Artículos relacionados,
Especificar el tamaño de la imagen de fondo:
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
属性 | |||||
---|---|---|---|---|---|
background-size | 4.0 1.0 -webkit- |
9.0 | 4.0 3.6 -moz- |
4.1 3.0 -webkit- |
10.5 10.0 -o- |
propiedad background-size especifica el tamaño de la imagen de fondo.
Por defecto: | auto |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar object.style.backgroundSize = "60px 80px" |
值 | 描述 |
---|---|
length | 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"atuo(自动)" |
percentage | 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)" |
cover | 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。 |
contain | 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。 |
imagen de fondo de estiramiento
Extiende la imagen de fondo cubre completamente el área de contenido.
Cuatro transversal fondo se extiende Imagen
4 estiramiento transversal imágenes de fondo.
CSS3 tutorial: fondo CSS3