Styl voorwerp Posisie Eienskap
Voorbeeld
Verander die grootte van 'n prent om by sy inhoudkassie te pas, en posisioneer die prent 5px van links en 10% van bo binne die inhoudkassie:
document.getElementById("myImg").style.objectPosition = "0 10%";
Definisie en gebruik
Die objectPosition-eienskap word gebruik om te spesifiseer hoe 'n <img> of <video> in sy eie inhoudkassie geposisioneer moet word.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Sintaksis
Gee die objectPosition-eienskap terug:
object.style.objectPosition
Stel die objectPosition-eienskap:
object.style.objectPosition = "position|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 50% 50% |
---|---|
Terugkeerwaarde: | 'n String of 'n Getal, wat die posisie van 'n element in sy inhoudkassie verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
CSS-tutoriaal: CSS-objekpas
CSS-verwysing: objekposisie-eienskap
❮ Stylvoorwerp