Propriété CSS backface-visibility
Exemple
Masquez et affichez la face arrière de deux éléments <div> pivotés :
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Définition et utilisation
La backface-visibility
propriété définit si la face arrière d'un élément doit être visible ou non face à l'utilisateur.
La face arrière d'un élément est une image miroir de la face avant affichée.
Cette propriété est utile lorsqu'un élément est pivoté. Il vous permet de choisir si l'utilisateur doit voir la face arrière ou non.
Pour mieux comprendre cette propriété, visionnez une démo .
Valeur par défaut: | visible |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.backfaceVisibility="caché" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de -webkit- ou -moz- spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Syntaxe CSS
backface-visibility: visible|hidden|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Référence HTML DOM : propriété backfaceVisibility