Stijl objectPosition-eigenschap

Definitie en gebruik

objectPosition De eigenschap wordt gebruikt om <img> of <video> Hoe het zich binnen zijn eigen inhoudsruimte moet positioneren.

Zie ook:

CSS-tutorial:CSS object-fit

CSS-handboek:object-position-eigenschap

Voorbeeld

Pas de afmetingen van het beeld aan zodat het past binnen zijn inhoudsruimte en plaats het binnen in de inhoudsruimte op 5px van de linkerkant en 10% van de top:

document.getElementById("myImg").style.objectPosition = "0 10%";

Probeer het zelf uit

Syntax

Geef de objectPosition-eigenschap terug:

object.style.objectPosition

Stel de objectPosition-eigenschap in:

object.style.objectPosition = "position|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
position

Stelt de positie van het beeld of de video binnen zijn inhoudsruimte in.

De eerste waarde bestuurt de x-as, de tweede waarde bestuurt de y-as.

Kan een string (links, centreren of rechts) of een getal (in px of %) zijn.

Negatieve waarden zijn toegestaan.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Erft deze eigenschap van de ouderlijke element. inherit.

Technische details

Standaardwaarde: 50% 50%
Terugwaarde: Een string of een getal dat de positie van het element binnen zijn inhoudsruimte aangeeft.
CSS-versie: CSS3

Browserondersteuning

Tabelcijfers vermelden de browserversie die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
31.0 16.0 36.0 10.1 19.0