Kurssivinkki:

Style perspective ominaisuus

Huomautus: Määrittely ja käyttö

Ominaisuus määrittelee 3D-elementin etäisyyden näkymästä, pikseleissä. Tämä ominaisuus mahdollistaa 3D-elementin näkökulman muuttamisen. Huomautus: Kun määritellään

Kun määritellään ominaisuus, sen lapsielementit saavat perspektiivin, ei elementti itse.Huomautus: Perspective

Ominaisuus vaikuttaa vain 3D-käänteiskäännöselementteihin.Vinkki: Perspective-origin ominaisuus Käytä tätä ominaisuutta yhdessä, niin voit muuttaa 3D-elementin alapuolen sijaintia.

Katso myös:

JavaScript Style-objekti:PerspectiveOrigin-ominaisuus

CSS-ohjekirja:Perspektiivin ominaisuus

Esimerkki

Aseta näkymän elementin näkökulma:

document.getElementById("myDIV").style.perspective = "50px";

Kokeile itse

Syntaksi

Palauta perspektiivin ominaisuus:

object.style.perspective

Aseta perspektiivin ominaisuus:

object.style.perspective = "length|none"

Ominaisuuden arvo

Arvo Kuvaus
length Elementin etäisyys näkymästä, pikseleissä.
none Oletusarvo. On sama kuin 0. Älä aseta perspektiiviä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: Ei mitään
Palautusarvo: Merkkijono, joka ilmaisee elementin Perspektiivin ominaisuus.
CSS-versio: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat 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