座標系 (Web)

[1] Web では、左上隅を原点とし、水平方向を X 軸、垂直方向を Y 軸として右下が正の方向になる(平面)座標系を採用しています。

仕様書

[2] 次の場面でこの座標系が採用されています。

[3] 負の方向もありますが、制限もあります。

[4] 媒体素片では構文的に負の値は表現できません。

[5] 座標上の値は基本的には画素単位となっていますが、小数の座標も表現できることがあります。

[6] 媒体素片では構文的に画素単位または百分率単位に満たない値は表現できません。

[7] CSS では z-index 特性により前後方向を指定できます。しかし X や Y とは違って無単位の値になっています。

[8] X や Y の軸とは違って前後方向に対して斜めに表示できません。

[9] 画像写像は CSS による変形の結果に対する座標となっています。

[10] 媒体素片はアスペクト比の変換等の変形の結果に対する座標となっています。

[15] 次の座標系は、いずれも原点の左辺からのCSS画素数を X とし、上辺からのCSS画素数を Y とするものです。

[18] 画面では、出力装置の左上隅が原点です。

[16] 次の機能で使われています >>14。

[17] 窓では、当該窓の左上隅が原点です。

[19] 次の機能で使われています >>14。

[20] 時計などの円形画面を持つ装置