CSS
Ajustement d'objet et placement
Recherche…
Remarques
Les propriétés object-fit et object-position ne sont pas prises en charge par Internet Explorer.
ajustement d'objet
La propriété object-fit définira comment un élément s'intégrera dans une boîte avec une hauteur et une largeur établies. Généralement appliqué à une image ou à une vidéo, Object-fit accepte les cinq valeurs suivantes:
REMPLIR
object-fit:fill;
Fill étend l'image pour l'adapter à la zone de contenu, indépendamment du format d'origine de l'image.
CONTENIR
object-fit:contain;
Contient adapte l'image à la hauteur ou à la largeur de la boîte tout en conservant les proportions de l'image.
COUVERTURE
object-fit:cover;
La couverture remplit la boîte entière avec l'image. Le format de l'image est préservé, mais l'image est rognée aux dimensions de la boîte.
AUCUN
object-fit:none;
Aucun ignore la taille de la boîte et n'est pas redimensionné.
SCALE-DOWN
object-fit:scale-down;
Scale-down redimensionne l’objet comme none ou contain . Il affiche toutes les options entraînant une taille d'image plus petite. 