CSS backface-visibility 属性

定義と使用方法

backface-visibility 属性は、要素が画面に向いていない場合に見えるかどうかを定義します。

回転する要素の裏面を見ずにしたい場合に非常に役立ちます。

参照も見てください：

HTML DOM リファレンスマニュアル：backfaceVisibility 属性

例

2つの回転する <div> 要素の裏面を隠すと表示する：

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

実際に試してみる

CSS 语法

backface-visibility: visible|hidden;

属性値

値 説明
visible 裏面は見えます。
hidden 裏面は見えません。

技術的詳細

デフォルト値： visible
継承性： no
バージョン： CSS3
JavaScript 语法： object.style.backfaceVisibility="hidden"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

数字に -webkit- または -moz- が付いている場合は、プレフィックスを使用する最初のバージョンを示しています。

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-