HTML <area> shape Attribute
HTML <area> Tag
Example
An image map with clickable areas:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Browser Support
All major browsers support the shape attribute.
Definition and Usage
The shape attribute specifies the shape of the area.
The shape attribute works with the coords attribute to specify the size, shape, and placement of the area.
Differences Between HTML 4.01 and HTML5
NONE.
Syntax
Attribute Values
| Value |
Description |
| default |
Specifies the entire area. |
| rect |
Defines a rectangular area. |
| circle |
Defines a circular area. |
| poly |
Defines a polygonal area. |
HTML <area> Tag