例
3D要素の基本配置を設定します。
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
»それを自分で試してみてください 定義と使用法
3次元要素がX軸およびY軸に基づいているperspectiveOriginプロパティが定義されています。 このプロパティは、3D要素の下の位置を変更することができます。
要素のperspectiveOriginプロパティを定義する場合、それが配置されている子要素であり、NOT素子自体。
Note:このプロパティは、一緒に使用しなければなりません斜視財産、そして唯一の3Dは要素を変換に影響します!
ブラウザのサポート
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
<スタイルオブジェクト