HTML area shape attributes
Examples
With clickable image map area:
<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>
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>
try it"
Browser Support
All major browsers support the shape attribute
Definition and Usage
shape attribute specifies the shape of a region.
shape attribute coords attribute with, you can specify the size, shape and location of the region.
Differences between HTML 4.01 and HTML5
NONE.
grammar
<area shape="default|rect|circle|poly">
Property Value
| value | description |
|---|---|
| default | Provisions of the entire region. |
| rect | Defined rectangular area. |
| circ | The definition of a circle. |
| poly | Define the polygon area. |