NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : background-size

30 de Diciembre del 2020 por Josep Antoni Bover. 33 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad nos permite especificar el tamaño con el que queremos mostrar la imagen de fondo independientemente de su tamaño original.


Sintaxis

background-size: valor;
auto La imagen no se redimensionara. (valor por defecto)
Porcentaje Podemos especificar 2 valores con el porcentaje relativo al objeto que mostrara el fondo, con el que queremos mostrar la imagen.
Píxeles Podemos especificar 2 valores en píxeles para definir el tamaño de la imagen del fondo.
cover La imagen se expandira el máximo posible respetando su proporción aunque alguna parte quede oculta.
contain La imagen se expandira de forma que se vea completamente en el contenedor respetando su proporción.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3.

Soportado a partir de la versión 1
Soportado a partir de la versión 4
Soportado a partir de la versión 10.5
Soportado a partir de la versión 3
Soportado a partir de la versión 9

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados