HTMLImageElement: useMap プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

useMap は HTMLImageElement インターフェイスのプロパティで、 HTML の usemap 属性を反映し、この画像に適用されるクライアントサイドイメージマップの名前を提供する文字列です。

値

画像に適用するイメージマップを定義する要素のページローカル URL (つまり、ハッシュまたはポンド記号 "#" で始まる URL) を指定する文字列です。

クライアントサイドのイメージマップについては、学習記事「画像の上にヒットマップを追加する」で詳しく説明されています。

useMap の文字列値は要素の有効なアンカーでなければなりません。言い換えると、この文字列は適切なの name 属性の値の前に、ポンド記号またはハッシュ記号を付加したものでなければなりません。

次のようなを考えてみましょう。

html

mainmenu-map という名前のイメージマップがあるとすると、それを使ったイメージは以下のようなものになります。

html

他の例（インタラクティブなものもあります）については、と要素についての記事や、イメージマップの使用法をご覧下さい。

img {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 260px;
}

Specification
HTML # dom-img-usemap