Stijlperspectief Eigenschap _
Voorbeeld
Stel het perspectief in van waaruit een element wordt bekeken:
document.getElementById("myDIV").style.perspective = "50px";
Definitie en gebruik
De perspectiefeigenschap definieert hoeveel pixels een 3D-element vanuit het aanzicht wordt geplaatst. Met deze eigenschap kunt u het perspectief wijzigen van hoe 3D-elementen worden bekeken.
Bij het definiëren van de perspectiefeigenschap voor een element, zijn het de CHILD-elementen die de perspectiefweergave krijgen, NIET het element zelf.
Opmerking: de eigenschap perspectief is alleen van invloed op 3D-getransformeerde elementen!
Tip: Gebruik deze eigenschap samen met de eigenschap perspectiefOrigin , waarmee u de onderste positie van 3D-elementen kunt wijzigen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Opmerking: oude Chrome, Safari en Opera ondersteunen een alternatief, de eigenschap WebkitPerspective.
Syntaxis
Retourneer de eigenschap perspectief:
object.style.perspective
Stel de perspectiefeigenschap in:
object.style.perspective = "length|none"
Eigendomswaarden
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
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: | geen |
---|---|
Winstwaarde: | Een tekenreeks, die de perspectiefeigenschap van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
JavaScript-stijlobject: eigenschap perspectiefOrigin
CSS-referentie: perspectiefeigenschap
❮ Stijlobject