Beispiel
Ausblenden der Rückseite eines rotierenden <div> Element:
// Code for Chrome, Safari, Opera
document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden";
// Standard syntax
document.getElementById("myDIV").style.backfaceVisibility = "hidden"; Versuch es selber " Definition und Verwendung
Die backfaceVisibility Eigenschaft definiert, ob ein Element sichtbar sein sollen, wenn sie nicht den Bildschirm zugewandt ist.
Diese Eigenschaft ist nützlich, wenn ein Element gedreht wird, und Sie wollen nicht ihre Rückseite zu sehen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Webkit oder Moz geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| backfaceVisibility | 36.0 12,0 Webkit | 10.0 | 16.0 10,0 Moz | 4.0 Webkit | 23.0 15,0 Webkit |
Hinweis: Chrom (12-35) , Safari und Opera 15+ eine Alternative unterstützen, die WebkitBackfaceVisibility Eigenschaft.
Syntax
Bringen Sie die backfaceVisibility Eigenschaft:
object .style.backfaceVisibility Stellen Sie die backfaceVisibility Eigenschaft:
object .style.backfaceVisibility="visible|hidden|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| visible | Standardwert. Die Rückseite ist sichtbar |
| hidden | Die Rückseite ist nicht sichtbar |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | sichtbar |
|---|---|
| Rückgabewert: | Ein String, die die Backface-Sichtbarkeitseigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: backface-visibility property
<Style - Objekt