Exemple
Masquer l'arrière d'une rotation <div> élément:
// Code for Chrome, Safari, Opera
document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden";
// Standard syntax
document.getElementById("myDIV").style.backfaceVisibility = "hidden";
Essayez vous - même » Définition et utilisation
La propriété backfaceVisibility définit si oui ou non un élément doit être visible lorsqu'ils ne sont pas face à l'écran.
Cette propriété est utile lorsqu'un élément est mis en rotation, et vous ne voulez pas voir son dos.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Les chiffres suivis par Webkit ou Moz précisent la première version qui a travaillé avec un préfixe.
Propriété | |||||
---|---|---|---|---|---|
backfaceVisibility | 36,0 12,0 Webkit | 10.0 | 16,0 10.0 Moz | 4.0 Webkit | 23,0 15,0 Webkit |
Note: Chrome (12-35) , Safari et Opera 15+ soutenir une alternative, la propriété WebkitBackfaceVisibility.
Syntaxe
Retour la propriété backfaceVisibility:
object .style.backfaceVisibility
Définissez la propriété backfaceVisibility:
object .style.backfaceVisibility="visible|hidden|initial|inherit"
Valeurs de propriété
Valeur | La description |
---|---|
visible | Valeur par défaut. La face arrière est visible |
hidden | La face arrière est pas visible |
initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
Valeur par défaut: | visible |
---|---|
Valeur de retour: | Une chaîne, ce qui représente la propriété contreface-visibilité d'un élément |
version CSS | CSS3 |
Pages associées
Référence CSS: backface-visibility property
<Style objet