Style objectPosition egenskab

Definition og brug

objectPosition Egenskaben bruges til at definere <img> eller <video> Hvordan den skal placeres i sin egen indholdskasse.

Se også:

CSS tutorial:CSS object-fit

CSS reference manual:object-position-egenskaben

Eksempel

Juster billedstørrelsen, så den passer til indholdskassen, og placer billedet i indholdskassen 5px til venstre og 10% oppe i kassen:

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

Prøv det selv

Syntaks

Retur objectPosition-egenskaben:

object.style.objectPosition

Indstil objectPosition-egenskaben:

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

Egenskabsværdi

Værdi Beskrivelse
position

Definerer placeringen af et billede eller en video i indholdskassen.

Den første værdi kontrollerer x-aksen, den anden værdi kontrollerer y-aksen.

Kan være en streng (venstre, center eller højre) eller et tal (i px eller %).

Tillader negative værdier.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

Tekniske detaljer

Standardværdi: 50% 50%
Returværdi: En streng eller et tal, der angiver elementets placering i indholdskassen.
CSS version: CSS3

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne egenskab.

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