Tutorials References Exercises Menu
Paid Courses

HTML <area> shape Attribute

❮ HTML <area> tag


Use the shape attribute to specify the shape of each area  in the image map:

<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">
Try it Yourself »

Definition and Usage

The shape attribute specifies the shape of an area.

The shape attribute is used together with the coords attribute to specify the size, shape, and placement of an area.

Browser Support

shape Yes Yes Yes Yes Yes


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

Attribute Values

Value Description
default Specifies the entire region
rect Defines a rectangular region
circle Defines a circular region
poly Defines a polygonal region

❮ HTML <area> tag