StijlobjectPositie Eigenschap _
Voorbeeld
Pas het formaat van een afbeelding aan zodat deze in het inhoudsvak past en plaats de afbeelding 5px vanaf de linkerkant en 10% vanaf de bovenkant in het inhoudsvak:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definitie en gebruik
De eigenschap objectPosition wordt gebruikt om aan te geven hoe een <img> of <video> in zijn eigen inhoudsvak moet worden geplaatst.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Syntaxis
Retourneer de eigenschap objectPosition:
object.style.objectPosition
Stel de eigenschap objectPosition in:
object.style.objectPosition = "position|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-asis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | 50% 50% |
---|---|
Winstwaarde: | Een tekenreeks of een getal, dat de positie van een element in zijn inhoudsvak voorstelt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-zelfstudie: CSS-object-fit
CSS -referentie: eigenschap objectpositie
❮ Stijlobject