HTML <area> coords属性
HTML <area> タグ例
クリック可能な領域を持つイメージマップ：
<img src ="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">
<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 属性は領域の x 座標と y 座標を指定します。
coords 属性はshape属性と組み合わせて使用し、領域のサイズ、形状、位置を指定します。
ヒント：画像の左上隅の座標は "0,0" です。
HTML 4.01 と HTML5 の違い
NONE.
構文
<area coords="value">
属性値
| 值 | 説明 |
|---|---|
| x1,y1,x2,y2 | shape 属性が "rect" に設定されている場合、この値は矩形の左上隅と右下隅の座標を指定します。 |
| x,y,radius | shape 属性が "circ" に設定されている場合、この値は円の中心の座標と半径を指定します。 |
| x1,y1,x2,y2,..,xn,yn | shape 属性が "poly" に設定されている場合、この値は多角形の各頂点の値を指定します。最初の座標と最後の座標が一致しない場合、多角形を閉じるために、ブラウザは最後の座標ペアを追加する必要があります。 |
その他の拡張