このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

a要素~shape属性注意

記事Jun. 17th,2018
July 7th,2020
イメージマップの領域の形状を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

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>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク