例
回転の裏側隠す<div>要素を:
// Code for Chrome, Safari, Opera
document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden";
// Standard syntax
document.getElementById("myDIV").style.backfaceVisibility = "hidden";
»それを自分で試してみてください 定義と使用法
backfaceVisibilityプロパティが画面に面していないときに要素が可視であるかどうかを定義します。
要素を回転させたときに、このプロパティは有用であり、あなたはその裏側を見たいと思っていません。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
Webkitのか、MOZに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
backfaceVisibility | 36.0 12.0のWebkit | 10.0 | 16.0 10.0 MOZ | 4.0のWebkit | 23.0 15.0のWebkit |
注:クローム(12-35) 、SafariとOperaは15+代替、WebkitBackfaceVisibilityプロパティをサポート。
構文
backfaceVisibilityプロパティを返します:
object .style.backfaceVisibility
backfaceVisibilityプロパティを設定します。
object .style.backfaceVisibility="visible|hidden|initial|inherit"
プロパティ値
値 | 説明 |
---|---|
visible | デフォルト値。 裏面が表示され |
hidden | 裏側は見えません |
initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
デフォルト値: | 目に見えます |
---|---|
戻り値: | 素子の裏面-visibilityプロパティを表す文字列、 |
CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス: backface-visibility property
<スタイルオブジェクト