最新のWeb開発のチュートリアル
 

Style perspective Property

<スタイルオブジェクト

要素が表示され、そこから視点を設定します。

document.getElementById("myDIV").style.perspective = "50px";
»それを自分で試してみてください

定義と使用法

透視性は、3D要素がビューから配置されているどのように多くの画素を定義します。 このプロパティは、あなたが閲覧しているか、3Dの要素に視点を変更することができます。

要素の斜視プロパティを定義する場合、それは斜視図、NOT要素自体を取得する子要素です。

Note:遠近プロパティは、3D変換の要素に影響を与えます!

Tip:一緒にこのプロパティを使用しperspectiveOriginのあなたは、3D要素の下の位置を変更することができますプロパティ、。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

透視プロパティは、IE10 +およびFirefoxでサポートされています。

クロム、サファリ、オペラは、代替、WebkitPerspectiveプロパティをサポートしています。


構文

透視プロパティを返します:

object .style.perspective

透視プロパティを設定します。

object .style.perspective=" プロパティ値
説明
length どこまで要素がビューから配置されます
none デフォルト値。 視点が設定されていない0と同じ
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: なし
戻り値: 要素の透視性を表す文字列、
CSSのバージョン CSS3

関連ページ

JavaScriptのスタイルオブジェクト: perspectiveOrigin property

CSSリファレンス: perspective property


<スタイルオブジェクト