Esempio
Nascondere la parte posteriore di una rotazione <div> elemento:
// Code for Chrome, Safari, Opera
document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden";
// Standard syntax
document.getElementById("myDIV").style.backfaceVisibility = "hidden";
Prova tu stesso " Definizione e l'utilizzo
La proprietà backfaceVisibility definisce se un elemento deve essere visibile quando non fronte allo schermo.
Questa proprietà è utile quando si ruota un elemento, e non si vuole vedere il suo didietro.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Webkit o Moz specificano la prima versione che ha lavorato con un prefisso.
Proprietà | |||||
---|---|---|---|---|---|
backfaceVisibility | 36.0 12.0 Webkit | 10.0 | 16,0 10.0 Moz | 4.0 Webkit | 23.0 15.0 Webkit |
Nota: Chrome (12-35) , Safari e Opera 15+ sostenere un'alternativa, la proprietà WebkitBackfaceVisibility.
Sintassi
Restituire la proprietà backfaceVisibility:
object .style.backfaceVisibility
Impostare la proprietà backfaceVisibility:
object .style.backfaceVisibility="visible|hidden|initial|inherit"
I valori delle proprietà
Valore | Descrizione |
---|---|
visible | Valore di default. Il retro è visibile |
hidden | La parte posteriore non è visibile |
initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
Valore di default: | visibile |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà backface visibilità di un elemento |
CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: backface-visibility property
<Stile di oggetto