“coords”属性｜“a”要素:リンク｜HTML－havin' a coffee break

＃

“coords”属性について

“coords”属性はイメージマップの領域の座標を指定する属性です。イメージマップの領域の形状は“shape”属性で指定します。

＃

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

“area”要素を使用してイメージマップの領域を指定します。

＃

指定できる値

属性値	説明
左上の角のX座標,左上の角のY座標,右下の角のX座標,右下の角のY座標	【“shape”属性の値が“rect”の場合】左上の角の座標と右下の角の座標
中心点のX座標,中心点のY座標,半径	【“shape”属性の値が“circle”の場合】中心点の座標と半径
X座標,Y座標,X座標,Y座標,...	【“shape”属性の値が“poly”の場合】すべての角の座標を順番に

＃

サンプルコード



<img src="sample_map.png" alt="イメージマップのサンプル" usemap="#sample1">



<map name="sample1">


<ul>


<li><a href="sample1.html" shape="rect" coords="8,32,72,99">長方形</a></li>

<li><a href="sample2.html" shape="poly" coords="97,103,30,193,163,193">多角形</a></li>

<li><a href="sample3.html" shape="circle" coords="146,59,47">円形</a></li>


</ul>


</map>

“a”要素~“coords”属性

“coords”属性について

代替方法

指定できる値

サンプルコード