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;
}