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