backface-visibility

by 2 contributors:

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

概要

CSSbackface-visibility プロパティは要素の裏面がユーザに面したときに、裏面を可視にするかどうかを決めます。要素の裏面は常に透明な背景を持ち、可視ならば表面の鏡像を表示します。

(2 つの要素を交互に使って)カードを裏返す効果を使う場合のように、要素の裏面から表面が見えてほしくない場合があります。

このプロパティは 遠近感 (perspective) のない 2D の 変換 (transforms) には効果を及ぼしません。

  • 初期値 visible
  • 適用対象 変形可能要素
  • 継承 継承しない
  • メディア visual
  • 計算値 指定値
  • アニメーションの可否 不可
  • 正規順序 形式文法で定義される一意のあいまいでない順序

構文

形式文法:  visible | hidden 
backface-visibility: visibility

backface-visibility: visible
backface-visibility: hidden

visibility
裏面が可視、または不可視であることを示すキーワードです。次のいずれかの値を持ちます:
  • visible。裏面は可視で、裏面には表面の鏡像が表示されます。
  • hidden。裏面は不可視で、裏面に表面の鏡像を表示しません。

backface-visibility: visible; backface-visibility: hidden;
1
2
3
4
5
6
1
2
3
4
5
6

表面は不透明ではありませんが、裏面は表示されません。

仕様

仕様書 策定状況 コメント
CSS Transforms Level 1 草案  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 12-webkit 10 (10)-moz
16 (16)
10 未サポート (有)-webkit
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 3.0-webkit ? 10.0 (10)-moz
16.0 (16)
? 未サポート (有)-webkit

関連情報

ドキュメントのタグと貢献者

Contributors to this page: ethertank, sosleepy
最終更新者: ethertank,
サイドバーを隠す