Welke waarden bestaan er voor de eigenschap background-size?

auto, contain, cover, <length>, <percentage>.

• auto: De afbeelding behoudt zijn oorspronkelijke verhoudingen.
• contain: Wijzigt de grootte van de afbeelding, met behoud van de verhoudingen, zodat deze volledig binnen het element past.
• cover: Wijzigt de grootte van de afbeelding, met behoud van de verhoudingen, zodat deze het element volledig bedekt. De afbeelding kan worden bijgesneden.
• <length>: Stelt expliciet de breedte en/of hoogte van de afbeelding in in lengteenheden (bijvoorbeeld px, em, rem). Je kunt één of twee waarden opgeven.
• <percentage>: Stelt expliciet de breedte en/of hoogte van de afbeelding in als percentage van de grootte van het element. Je kunt één of twee waarden opgeven.

Als slechts één waarde wordt opgegeven, stelt deze de breedte in en wordt de hoogte automatisch berekend om de verhoudingen te behouden. Als twee waarden worden opgegeven, stelt de eerste de breedte in en de tweede de hoogte.