Propriété backface-visibility CSS

Définition et utilisation

L'attribut backface-visibility définit si un élément est visible lorsque son orientation n'est pas vers l'écran.

Cet attribut est très utile si vous ne souhaitez pas voir le côté arrière d'un élément lors de sa rotation.

Voir également :

Guide de référence HTML DOM :Attribut backfaceVisibility

Exemple

Cacher et afficher le côté arrière des deux éléments <div> tournants :

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

Essayez-le vous-même

Syntaxe CSS

backface-visibility: visible|hidden;

Valeur de l'attribut

Valeur Description
visible Le côté arrière est visible.
hidden Le côté arrière est invisible.

Détails techniques

Valeur par défaut : visible
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.backfaceVisibility="hidden"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres précédés de -webkit- ou -moz- représentent la première version utilisant les préfixes.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-