Example
Use of the shape and coords attribute in an <a> element, to create an image-map:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Try it Yourself »
Definition and Usage
The <a> shape attribute is not supported in HTML5.
The shape attribute is used together with the coords attribute to specify the size, shape, and placement of a link in an <object> or <img> element.
Tip: To create image-maps that works in all browsers, use the <area> element!
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| shape | Not supported | Not supported | Yes | Not supported | Yes |
Syntax
<a shape="value">
Attribute Values
| Value | Description |
|---|---|
| default | Specifies the entire region |
| rect | Defines a rectangular region |
| circle | Defines a circular region |
| poly | Defines a polygonal region |