Style objectPosition-ominaisuus

Määritelmä ja käyttö

objectPosition ominaisuus määrittää <img> tai <video> Miten sen oma sisällönselityksensä sijoitetaan.

Lisäksi:

CSS oppituntio:CSS object-fit

CSS viittausopas:object-position-ominaisuus

Esimerkki

Mukauta kuvan kokoa sopimaan sen sisällönselityksen kanssa ja aseta kuvan sijainti sisällönselityksessä vasemmalla 5px ja ylhäällä 10%:n kohdalla:

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

Kokeile itse

Syntaksi

Palauta objectPosition-ominaisuus:

object.style.objectPosition

Aseta objectPosition-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
position

Määrittää kuvan tai videon sijainnin sen sisällönselityksessä.

Ensimmäinen arvo hallitsee x-akselia, toinen y-akselia.

Voisi olla merkkijono (vasen, keskitetty tai oikea) tai numero (px tai % yksiköissä).

Negatiiviset arvot sallittu.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tämän ominaisuuden arvo. Katso inherit.

Tekninen tarkistus

Oletusarvo: 50% 50%
Palautusarvo: Merkki- tai numerosarja, joka ilmaisee elementin sijainnin sen sisällönselityksessä.
CSS-versioona: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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