CSS
Ajuste y colocación de objetos
Buscar..
Observaciones
Internet Explorer no admite las propiedades object-fit object-position .
ajuste de objeto
La propiedad de ajuste de objeto definirá cómo un elemento encajará en un cuadro con una altura y anchura establecidas. Generalmente aplicado a una imagen o video, Object-fit acepta los siguientes cinco valores:
LLENAR
object-fit:fill;
Relleno extiende la imagen para que se ajuste al cuadro de contenido sin importar la relación de aspecto original de la imagen.
CONTIENE
object-fit:contain;
Contener ajusta la imagen a la altura o al ancho del cuadro, manteniendo la relación de aspecto de la imagen.
CUBRIR
object-fit:cover;
La cubierta llena todo el cuadro con la imagen. La relación de aspecto de la imagen se conserva, pero la imagen se recorta a las dimensiones del cuadro.
NINGUNA
object-fit:none;
Ninguno ignora el tamaño de la caja y no se redimensiona.
ESCALA ABAJO
object-fit:scale-down;
Reducir o reducir el tamaño del objeto como none o como contain . Muestra cualquier opción que resulte en un tamaño de imagen más pequeño. 