Style perspectiveOrigin ominaisuus

Määrittely ja käyttö

perspectiveOrigin ominaisuus määrittää 3D-elementin sijainnin x- ja y-akselilla. Tämä ominaisuus mahdollistaa 3D-elementin alaosan sijainnin muuttamisen.

Määrittää elementin perspectiveOrigin Asetettaessa tätä ominaisuutta, sijoitetaan lapsielementti, ei itse elementti.

Huomautus:Tämä ominaisuus täytyy olla perspective ominaisuus Käytetään yhdessä ja vaikuttaa vain 3D-tehtäviin!

Katso myös:

JavaScript Style objekti:perspective ominaisuus

CSS viittausopas:perspective-origin ominaisuus

Esimerkki

Aseta 3D-elementin perusasento:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

Kokeile itse

Syntaksi

Palauta perspectiveOrigin ominaisuus:

objekti.style.perspectiveOrigin

Aseta perspectiveOrigin ominaisuus:

objekti.style.perspectiveOrigin = "x-akseli y-akseli|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
x-akseli

Määrittää näkymän sijainnin x-akselilla.

  • vasen
  • keskitetty
  • oikea
  • pituus
  • %

Oletusarvo: 50%
y-akseli

Määrittää näkymän sijainnin y-akselilla.

Mahdolliset arvot:

  • ylä
  • keskitetty
  • alas
  • pituus
  • %

Oletusarvo: 50%
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 50% 50%
Palautusarvo: merkkijono, joka ilmaisee elementin perspective-origin ominaisuus.
CSS-versio: CSS3

Selaimen tuki

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0