HTML | shape Attribute (original) (raw)

Last Updated : 12 Jul, 2025

The HTML shape Attribute is used to specify the size of an element. It is mainly used with the coords attribute to specify the size, shape and placement of a element.
Applicable:

Syntax:

Example:

html `

HTML shape Attribute

GeeksForGeeks

HTML shape Attribute

alt_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 shape:

After click on specific shape:

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