HTML | <area> shape Attribute (original) (raw)

Last Updated : 20 Jul, 2022

The HTML area shape Attribute is used with the coords attribute to describe the size, shape, and placement of a element.

Syntax:

Attribute Values:

• default: It is used to specify the entire region.
• rect: It is used to specify the rectangular region.
• circle: It is used to specify a circular region.
• poly: It is used to specify the polygonal region.

Example:

html `

GeeksForGeeks

HTML shape Attribute

<map name="shapemap">

    <!-- area tag contained image. -->
    <area shape="poly" 
          coords="59, 31, 28, 83, 91, 83" 
          href=

"https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png" alt="Triangle">

    <area shape="circle" 
          coords="155, 56, 26"
          href=

"https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png" alt="Circle">

    <area shape="rect"
          coords="224, 30, 276, 82"
          href=

"https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png" alt="Square">

`

Output :

Before click on specific area:

After click on specific area:

Supported Browsers: The browsers supported by HTML area shape Attribute are listed below:

• Google Chrome
• Edge 12 and above
• Internet Explorer
• Firefox 1 and above
• Apple Safari
• Opera