Stile prospectOrigin Proprietà
Esempio
Imposta il posizionamento di base di un elemento 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definizione e utilizzo
La proprietà prospectOrigin definisce dove si basa un elemento 3D negli assi x e y. Questa proprietà consente di modificare la posizione inferiore degli elementi 3D.
Quando si definisce la proprietà prospectOrigin per un elemento, sono gli elementi CHILD a essere posizionati, NON l'elemento stesso.
Nota: questa proprietà deve essere utilizzata insieme alla proprietà della prospettiva e riguarda solo gli elementi trasformati in 3D!
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Nota: i vecchi Chrome, Safari e Opera supportano un'alternativa, la proprietà WebkitPerspectiveOrigin.
Sintassi
Restituisce la proprietà prospectOrigin:
object.style.perspectiveOrigin
Imposta la proprietà prospectOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Valori di proprietà
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 |
Dettagli tecnici
Valore di default: | 50% 50% |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà di origine prospettica di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Oggetto stile JavaScript: proprietà prospettica
Riferimento CSS: proprietà di origine prospettica
❮ Oggetto stile