CSS3 backface-visibilityプロパティ
例
回転する div 要素の背面を非表示にする：
div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome 、Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
試してみる »
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。
-webkit-、-ms- または -moz- の直前にある数字は、そのプレフィックス付きプロパティをサポートする最初のブラウザバージョン番号です。
| プロパティ | |||||
|---|---|---|---|---|---|
| backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
タグの定義と使用説明
backface-visibility プロパティは、要素の背面が画面に向いているときに表示されるかどうかを定義します。
回転する要素で背面を見たくない場合、このプロパティは役立ちます。
Chrome/Safari ユーザー：このプロパティをよりよく理解するために、デモを参照してください： 。
| Default value: | visible |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.backfaceVisibility="hidden" |
構文
backface-visibility: visible|hidden;
| 值 | 説明 |
|---|---|
| visible | 背面は表示されます。 |
| hidden | 背面は表示されません。 |