Latest

recent

HTML a shape Attribute

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
HTML a shape Attribute Reviewed by 1000sourcecodes on 09:24 Rating: 5
Powered by Blogger.