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

area”要素~“shape”属性

記事Jun. 23rd,2015
July 7th,2020
イメージマップの領域の形状を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

shape”属性について

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

指定できる値

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

サンプルコード

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

<map name="sample10">
<area href="sample1.html" shape="rect" coords="8,32,72,99" alt="長方形">
<area href="sample2.html" shape="poly" coords="97,103,30,193,163,193" alt="多角形">
<area href="sample3.html" shape="circle" coords="146,59,47" alt="円形">
</map>
イメージマップのサンプル 長方形 多角形 円形
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク