Style backfaceVisibility 属性

定義と使用方法

backfaceVisibility 要素がスクリーンに向いていない場合に見えるかどうかを定義します。

要素が回転し、その背面を見たくない場合に非常に役立ちます。

他にも参照してください:

CSS リファレンスマニュアル:backface-visibility 属性

回転された div 要素の背面を隠す:

document.getElementById("myDIV").style.backfaceVisibility = "hidden";

実際に試してみてください

文法

backfaceVisibility 属性を返す:

object.style.backfaceVisibility

backfaceVisibility 属性を設定する:

object.style.backfaceVisibility = "visible|hidden|initial|inherit"

属性値

説明
visible デフォルト値。背面が見えます。
hidden 背面が見えません。
initial この属性をデフォルト値に設定します。参照してください initial
inherit この属性は親要素からこの属性を継承します。参照してください inherit

技術的詳細

デフォルト値: visible
返り値: 文字列で、要素の backface-visibility 属性
CSSバージョン: CSS3

ブラウザのサポート

backfaceVisibility これは CSS3 (1999) の機能です。

すべてのブラウザが完全にサポートしています:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
サポート サポート サポート サポート サポート 11