HTML <area> shape Attribute

❮ HTML <area> tag

Example

<img src="desk.jpg" usemap="#image-map">

<map name="image-map">
  <area target="_blank" alt="Computer" title="Computer" href="computer.png" coords="112,31,285,246" shape="rect">
  <area target="_blank" alt="Cup" title="Cup" href="cup.png" coords="327,212,31" shape="circle">
  <area target="_blank" alt="Mobile" title="Mobile" href="mobile.png" coords="296,121,326,176" shape="rect">
  <area target="_blank" alt="Book" title="Book" href="book.png" coords="53,132,115,157,72,237,2,211" shape="poly">
</map>

Meaning

The shape attribute defines the shape of the associated hot spot.


Standard Syntax

<area shape="default|rect|circle|poly">



Browser Support




Status







Attribute Values

Value Description
default Defines the entire region
rect Defines a rectangular region
circle Defines a circular region
poly Defines a polygonal region
❮ HTML <area> tag