Tutorials References Exercises Videos Menu
Free Website Get Certified Pro

HTML <area> shape Attribute

❮ HTML <area> tag

Example

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">
</map>
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

Attribute
shape Yes Yes Yes Yes Yes

Syntax

<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