CSSbackface -visibilityプロパティ
例
2つの回転した<div>要素の背面を非表示にして表示します。
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
定義と使用法
このbackface-visibility
プロパティは、ユーザーに面したときに要素の背面を表示するかどうかを定義します。
要素の背面は、表示されている前面の鏡像です。
このプロパティは、要素が回転するときに役立ちます。ユーザーが背面を表示するかどうかを選択できます。
このプロパティをよりよく理解するに は、デモを表示してください。
デフォルト値: | 見える |
---|---|
遺伝性の: | いいえ |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.backfaceVisibility = "hidden" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
数字の後に-webkit-または-moz-が続く場合は、プレフィックスを使用して機能した最初のバージョンを指定します。
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
CSS構文
backface-visibility: visible|hidden|initial|inherit;
プロパティ値
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
関連ページ
HTML DOMリファレンス:backfaceVisibilityプロパティ