shape 属性領域の形状を指定する

shape 属性は area要素で指定する領域の形状を指定することができます。指定できる値は下記の通りです。指定が省略された場合は、「rect」 として扱われます。

属性値 形状
circle 円形
default 画像全体
poly 多角形
rect (初期値) 長方形

サンプルソースを見る

shape 属性の仕様

この属性を使用できる要素

shape 属性のサンプルソース

<!-- 地図画像を使用したクリッカブルマップの例 -->
<figure>
 <figcaption>エリア選択マップ</figcaption>
 <img src="map.png" usemap="#map" alt="関東 6県の地図。県を選択するとそのエリアの店舗一覧に移動します。埼玉県は現在営業所がありません。" />
 <map name="map">
  <area shape="rect" coords="50,50,100,100" />
  <area shape="rect" coords="50,100,100,200" href="tokyo.html" alt="東京都" />
  <area shape="rect" coords="0,100,50,200" href="kanagawa.html" alt="神奈川県" />
  …省略…
 </map>
</figure>