asp.net.ph

Skip Navigation Links

SHAPE Attribute | shape Property

Language References


Sets or retrieves the shape of a hyperlink AREA within an image MAP.

Syntax


Inline <AREA SHAPE = 'circ' | 'circle' | 'poly' | 'polygon' | 'rect' | 'rectangle'...>
Script area.shape = sShape ]

Possible Values


circ Specifies a circular shape for the hyperlink AREA.
circle Specifies a circular shape for the hyperlink AREA.
poly Specifies a polygonal shape for the hyperlink AREA.
polygon Specifies a polygonal shape for the hyperlink AREA.
rect Specifies a rectangular shape for the hyperlink AREA.
rectangle Specifies a rectangular shape for the hyperlink AREA.

The value of the SHAPE attribute determines the format of the coords attribute.

The property is read/write with no default value.

Example

The following example provides the full code for an image map of the solar system. The shape of each AREA link to an individual image.

<img src="imgs/solarsys.gif" width=504 height=126 
  border=0 alt="Solar System" usemap="#solar">

<map name="solar">
<area shape="rect" coords="0,0,76,122"
  href="imgs/sun.gif" alt="Sun">
<area shape="circle" coords="90,61,15"
  href="imgs/mercury.gif" alt="Mercury">
<area shape="circle" coords="124,61,18"
  href="imgs/venus.gif" alt="Venus">
<area shape="circle" coords="163,61,23"
  href="imgs/earth.gif" alt="Earth">
<area shape="circle" coords="201,61,14"
  href="imgs/mars.gif" alt="Mars">
<area shape="circle" coords="256,61,40"
  href="imgs/jupiter.gif" alt="Jupiter">
<area shape="circle" coords="328,61,35"
  href="imgs/saturn.gif" alt="Saturn">
<area shape="circle" coords="392,61,30"
  href="imgs/uranus.gif" alt="Uranus">
<area shape="circle" coords="443,61,24"
  href="imgs/neptune.gif" alt="Neptune">
<area shape="circle" coords="480,61,13"
  href="imgs/pluto.gif" alt="Pluto">
</map>

This feature requires Microsoft® Internet Explorer® 4.0 or later.

 Show me 

Applies To

AREA


See Also

MAP, coords



© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note