StijlperspectiefOrigin Property _
Voorbeeld
Stel de basisplaatsing van een 3D-element in:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definitie en gebruik
De eigenschap perspectiefOrigin definieert waar een 3D-element is gebaseerd op de x- en de y-as. Met deze eigenschap kunt u de onderste positie van 3D-elementen wijzigen.
Bij het definiëren van de eigenschap perspectiveOrigin voor een element, worden de CHILD-elementen gepositioneerd, NIET het element zelf.
Opmerking: deze eigenschap moet samen met de eigenschap perspectief worden gebruikt en heeft alleen invloed op 3D-getransformeerde elementen!
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Opmerking: oude Chrome, Safari en Opera ondersteunen een alternatief, de eigenschap WebkitPerspectiveOrigin.
Syntaxis
Retourneer de eigenschap perspectiefOrigin:
object.style.perspectiveOrigin
Stel de eigenschap perspectiefOrigin in:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
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: | 50% 50% |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap perspectief-oorsprong van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
JavaScript-stijlobject: eigenschap perspectief
CSS-referentie: eigenschap perspectief-oorsprong
❮ Stijlobject