CSS3背面-visibilityプロパティ
例
回転されたdiv要素の裏面を非表示にします:
div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and 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- |
タグの定義と指示
画面要素に面していない背面-visibilityプロパティの定義が表示されます。
回転要素が見たいと思っていない場合は、プロパティの背面に便利です。
特性をより良く理解するために、ビューのデモ:クローム/サファリでは、ユーザー がオンラインの例を参照してください 。
デフォルト値: | 目に見えます |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.backfaceVisibility = "隠されました" |
文法
backface-visibility: visible|hidden;
值 | 描述 |
---|---|
visible | 背面是可见的。 |
hidden | 背面是不可见的。 |