Proprietà transformOrigin dello stile

Definizione e uso

transformOrigin L'attributo permette di modificare la posizione dell'elemento trasformato.

Gli elementi di trasformazione 2D possono modificare l'asse x e y dell'elemento. Gli elementi di trasformazione 3D possono modificare anche l'asse z dell'elemento.

Note:Questa proprietà deve essere utilizzata con Proprietà transform Utilizzo congiunto.

Vedi anche:

Oggetto stile JavaScript:Proprietà transform

Manuale CSS:Proprietà transform-origin

Esempio

Imposta la posizione di base dell'elemento ruotato:

document.getElementById("myDIV").style.transformOrigin = "0 0";

Prova personalmente

Sintassi

Restituisce la proprietà transformOrigin:

object.style.transformOrigin

Imposta la proprietà transformOrigin:

object.style.transformOrigin = "asse x asse y asse z|initial|inherit"

Valore dell'attributo

Valore Descrizione
asse x

Definisce la posizione dell'elemento lungo l'asse x. Valori possibili:

  • left
  • center
  • right
  • length
  • %
asse y

Definisce la posizione dell'elemento lungo l'asse y. Valori possibili:

  • top
  • center
  • bottom
  • length
  • %
asse z

Definisce la posizione dell'elemento lungo l'asse z. Valori possibili:

  • length
initial Imposta questo attributo al suo valore predefinito. Vedi anche initial.
inherit Eredità di questo attributo dal suo elemento padre. Vedi anche inherit.

Dettagli tecnici

Valore predefinito: 50% 50% 0
Valore di ritorno: Stringa che rappresenta la posizione dell'elemento Proprietà transform-origin.
Versione CSS: CSS3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0