mozilla
Your Search Results

    backface-visibility

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

    概要

    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: sosleepy, ethertank
    最終更新者: ethertank,
    サイドバーを隠す