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

Style perspectiveOrigin Property

<スタイルオブジェクト

3D要素の基本配置を設定します。

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

定義と使用法

3次元要素がX軸およびY軸に基づいているperspectiveOriginプロパティが定義されています。 このプロパティは、3D要素の下の位置を変更することができます。

要素のperspectiveOriginプロパティを定義する場合、それが配置されている子要素であり、NOT素子自体。

Note:このプロパティは、一緒に使用しなければなりません斜視財産、そして唯一の3Dは要素を変換に影響します!


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

クロム、サファリ、オペラは、代替、WebkitPerspecitveOriginプロパティをサポート。


構文

perspectiveOriginプロパティを返します:

object .style.perspectiveOrigin

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

object .style.perspectiveOrigin=" プロパティ値
説明
x-axis ビューは、x軸に配置される定義

可能な値:

  • センター
  • length
  • %

デフォルト値:50%

y-axis ビューは、y軸に配置される定義

可能な値:

  • センター
  • ボトム
  • length
  • %

デフォルト値:50%

initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 50%50%
戻り値: 素子の斜視由来のプロパティを表す文字列、
CSSのバージョン CSS3

関連ページ

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

CSSリファレンス: perspective-origin property


<スタイルオブジェクト