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

＃

“shape”属性について

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

＃

代替方法

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

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

＃

指定できる値

属性値	説明
rect	長方形
circle	円形
poly	多角形
default	画像全体

＃

サンプルコード



<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”要素~“shape”属性

“shape”属性について

代替方法

指定できる値

サンプルコード