Style backgroundSize eigenschap

Definitie en gebruik

backgroundSize Eigenschap instellen of retourneren van de grootte van de achtergrondafbeelding.

Zie ook:

HTML Stijl:background eigenschap

CSS Handleiding:CSS background

CSS3 Handleiding:CSS3 Achtergrond

CSS Referentie Handboek:background-size eigenschap

Voorbeeld

Definieer de grootte van de achtergrondafbeelding:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Probeer het zelf

Syntaxis

Return de backgroundSize eigenschap:

object.style.backgroundSize

Stel de backgroundSize eigenschap in:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. De achtergrondafbeelding bevat zijn breedte en hoogte.
length

Stel de breedte en hoogte van de achtergrondafbeelding in.

De eerste waarde stelt de breedte in, de tweede waarde stelt de hoogte in.

Als er maar één waarde wordt gegeven, wordt de tweede ingesteld op "auto".
percentage

Stel de breedte en hoogte van de achtergrondafbeelding in als percentage van de ouder element.

De eerste waarde stelt de breedte in, de tweede waarde stelt de hoogte in.

Als er maar één waarde wordt gegeven, wordt de tweede ingesteld op "auto".
cover

Zet de achtergrondafbeelding in zo groot mogelijke maat, zodat de achtergrondruimte volledig wordt bedekt door de achtergrondafbeelding.

Een deel van de achtergrondafbeelding kan buiten het achtergrondpositieruimte liggen.
contain Zet het beeld in zo groot mogelijke maat, zodat de breedte en hoogte van het beeld geschikt zijn voor de inhoudsruimte.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheritere deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
terugkeerwaarde: tekens, die de background-size eigenschap.
CSS versie: CSS3

Browserondersteuning

backgroundSize is een CSS3 (1999) kenmerk.

Ondersteuning door alle browsers:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning 11