Skip to main content

Object Fit

Les classes d'ajustement de l'objet vous permettent de spécifier comment une image ou une vidéo doivent être redimensionnées pour s'adapter à son conteneur.

Classes d'ajustement de l'objet

Demo
Demo
HTML
  <div>
<img src="your_image" alt="Demo" class="object-fit-cover" />
</div>
<div>
<img src="your_image" alt="Demo" class="object-fit-contain" />
</div>

Détails des classes

.cover, .object-fit-cover {
object-fit: cover;
}
.contain, .object-fit-contain {
object-fit: contain;
}