CSS
Fit en plaatsing van objecten

Opmerkingen

object-fit

De object-fit eigenschap definieert hoe een element past in een doos met een vastgestelde hoogte en breedte. Gewoonlijk toegepast op een afbeelding of video, accepteert Object-fit de volgende vijf waarden:

VULLEN

object-fit:fill;

Met Vulling wordt de afbeelding uitgerekt zodat deze in het inhoudsvak past, zonder rekening te houden met de oorspronkelijke beeldverhouding van de afbeelding.

BEVATTEN

object-fit:contain;

Met Contain past de afbeelding in de hoogte of breedte van het vak met behoud van de beeldverhouding van de afbeelding.

HOES

object-fit:cover;

Cover vult het hele vak met de afbeelding. De beeldverhouding van de afbeelding blijft behouden, maar de afbeelding wordt bijgesneden tot de afmetingen van het vak.

GEEN

object-fit:none;

Geen negeert de grootte van de doos en wordt niet verkleind.

SCALE-DOWN

object-fit:scale-down;

Verkleinen verkleint het object als none of als contain . Het toont welke optie resulteert in een kleinere afbeeldingsgrootte.