Stile proprietà transformOrigin
Esempio
Imposta il posizionamento di base di un elemento ruotato:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Definizione e utilizzo
La proprietà transformOrigin consente di modificare la posizione sugli elementi trasformati.
L'elemento trasformato in 2D può modificare l'asse x e y dell'elemento. L'elemento trasformato in 3D può anche modificare l'asse z dell'elemento.
Nota: questa proprietà deve essere utilizzata insieme alla proprietà di trasformazione .
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
Sintassi
Restituisce la proprietà transformOrigin:
object.style.transformOrigin
Imposta la proprietà transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
Valori di proprietà
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 |
Dettagli tecnici
Valore di default: | 50% 50% 0 |
---|---|
Valore di ritorno: | Un oggetto String, che rappresenta la proprietà di origine di trasformazione di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Oggetto stile JavaScript: proprietà di trasformazione
Riferimento CSS: proprietà di origine di trasformazione
❮ Oggetto stile