HTML <area> coords属性

❮HTML<area>タグ

coords属性を使用して、画像マップの各領域の座標を指定します。

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

定義と使用法

このcoords属性は、画像マップ内の領域の座標を指定します。

この属性は、領域のサイズ、形状、および配置を指定するために属性とcoords一緒に使用されます。shape

ヒント:エリアの左上隅の座標は0,0です。


ブラウザのサポート

Attribute
coords Yes Yes Yes Yes Yes

構文

<area coords="value">

属性値

Value Description
x1,y1,x2,y2 Specifies the coordinates of the top-left and bottom-right corner of the rectangle (shape="rect")
x,y,radius Specifies the coordinates of the circle center and the radius (shape="circle")
x1,y1,x2,y2,..,xn,yn Specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon (shape="poly")

❮HTML<area>タグ