Styl transformOrigin Eiendom
Voorbeeld
Stel 'n geroteerde element se basisplasing:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definisie en gebruik
Die transformOrigin-eienskap laat jou toe om die posisie op getransformeerde elemente te verander.
2D-getransformeerde element kan die x- en y-as van die element verander. 3D-getransformeerde element kan ook die z-as van die element verander.
Let wel: Hierdie eiendom moet saam met die transformasie- eiendom gebruik word.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Sintaksis
Gee die transformOrigin-eienskap terug:
object.style.transformOrigin
Stel die transformOrigin-eienskap:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
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% 0 |
---|---|
Terugkeerwaarde: | 'n String, wat die transformasie-oorsprong-eienskap van 'n element verteenwoordig |
CSS weergawe | CSS3 |
Verwante bladsye
JavaScript Style Object: transformeer eiendom
CSS verwysing: transform-oorsprong eiendom
❮ Stylvoorwerp