Example Use of the shape and coords attribute in a link, to create an image map: <object data="planets.gif" alt="Pl...
Example
Use of the shape and coords attribute in a link, to create an image map:<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1"> <map name="Map1" id="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> |
Definition and Usage
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.Note: The shape attribute of the a element is not supported by Internet Explorer, Chrome or Safari.
Tip: To create image maps that works in all browsers, look at the area element!
Syntax
<a shape="link_shape"> |
Syntax Example
<a shape="rect"> |
Attribute Values
| Value | Description |
|---|---|
| default | Specifies the entire region |
| rect | Defines a rectangular region |
| circle | Defines a circular region |
| poly | Defines a polygonal region |
