StylperspektiefOorspronklike eiendom _
Voorbeeld
Stel 'n 3D-element se basisplasing:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definisie en gebruik
Die perspectiveOrigin-eienskap definieer waar 'n 3D-element in die x- en die y-as gebaseer is. Hierdie eienskap laat jou toe om die onderste posisie van 3D-elemente te verander.
Wanneer die perspectiveOrigin-eienskap vir 'n element gedefinieer word, is dit die CHILD-elemente wat geposisioneer word, NIE die element self nie.
Let wel: Hierdie eiendom moet saam met die perspektief -eienskap gebruik word, en affekteer slegs 3D-getransformeerde elemente!
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Let wel: Ou Chrome, Safari en Opera ondersteun 'n alternatief, die WebkitPerspectiveOrigin-eienskap.
Sintaksis
Gee die perspektiefOrigin-eienskap terug:
object.style.perspectiveOrigin
Stel die perspectiveOrigin-eienskap:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | 50% 50% |
---|---|
Terugkeerwaarde: | 'n String, wat die perspektief-oorsprong-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
JavaScript Style Object: perspektief eiendom
CSS verwysing: perspektief-oorsprong eiendom
❮ Stylvoorwerp