English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS fondo-El tamaño de la imagen de fondo especificado por la propiedad tamaño.
La siguiente tabla resume el contexto de uso y el historial de versiones de esta propiedad.
| Valor por defecto: | auto auto |
|---|---|
| Aplicable a: | todos los elementos |
| Herencia: | no |
| Animable: | es.Consulte propiedades de animación。 |
| versión: | CSS3nueva característica |
| Sintaxis de JavaScript: | object object.style.backgroundSize="60px 80px" |
La sintaxis de este atributo es la siguiente:
fondo-tamaño: longitud | porcentaje | auto | cover | contain | initial | inherit
El siguiente ejemplo muestra cómo usar background-propiedad de tamaño.
.box {
width: 250px;
altura: 150px;
rejilla: 10px;
borde: 6px línea punteada #333;
fondo: url("images/sky.jpg") sin-repetir;
fondo-size: contener;
}Prueba a ver‹/›Consejo:Este fondo-El atributo size se utiliza generalmente para crear imágenes de fondo de tamaño completo, que se ajustarán según el tamaño de la ventana del navegador o el ancho.
La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | Establezca el ancho y la altura de la imagen de fondo en longitudes especificadas. El primer valor establece el ancho, y el segundo valor establece la altura. Si solo se especifica un valor, el segundo valor se establece por defecto en auto. No se permiten longitudes negativas. |
| percentage | Establezca el ancho y la altura de la imagen de fondo en porcentajes del área de ubicación del fondo. El primer valor establece el ancho, y el segundo valor establece la altura. Si solo se especifica un valor, el segundo valor se establece por defecto en auto. No se permiten valores porcentajes negativos. |
| auto | Un auto para un valor de dimensión en la dirección correspondiente del fondo de la imagen, manteniendo su proporción original. Si se especifican dos tamaños para auto, la imagen de fondo contendrá su propia anchura y altura, que es el comportamiento predeterminado. |
| cover | Ajuste el tamaño de la imagen al tamaño mínimo, manteniendo sus proporciones originales (si las hay), para que su anchura y altura cubran completamente el área de ubicación del fondo. |
| contain | Ajuste el tamaño de la imagen, manteniendo sus proporciones originales (si las hay), para ajustar al tamaño máximo, para que su anchura y altura se puedan ajustar al área de ubicación del fondo. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza el fondo del elemento padre.-Valor calculado del atributo size. |
fondo-Compatibilidad del navegador del atributo size, todos los navegadores principales lo soportan.
|
Consulte los siguientes tutoriales:CSS fondo，CSS3Fondo。
Atributos relacionados:fondo，fondo-adhesión，fondo-color，fondo-imagen，fondo-cortar，fondo-posición，fondo-repeat，fondo-origin。