例
回転の裏側隠す<div>要素を:
div
{
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
»それを自分で試してみてください 定義と使用法
背面-visibilityプロパティは、画面に面していないときに要素を表示するかかどうかを定義します。
要素を回転させたときに、このプロパティは有用であり、あなたはその裏側を見たいと思っていません。
よりよいこのプロパティを理解するために、 デモを見ます 。
デフォルト値: | visible |
---|---|
継承されました: | no |
アニメーション: | no. Read about animatable |
バージョン: | CSS3 |
JavaScriptシンタックス: | object .style.backfaceVisibility="hidden" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
数字は-webkit-に続くかの接頭辞で働いていた最初のバージョンを指定します-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- |
CSSの構文
backface-visibility: visible|hidden|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
visible | デフォルト値。 裏側が見えます | それを再生します» |
hidden | 裏面は表示されません | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
HTML DOMリファレンス: backfaceVisibility property