`<area coords="[values]">`

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Value of: Learn How Area Coords Define Shapes & Sizes In HTML
What does <area coords="[values]"> do?: Provides a list of comma-separated integers, the meaning of which is dependent on the value of the shape attribute.

Contents

1 Code Example
2 Browser Support for values
3 All values of coords
4 All attributes of <area> HTML Tag

Code Example

<img src="/wp-content/uploads/shapes.png" usemap="shapes-map">

<map name="shapes-map">
  <area shape="rect" title="Square" coords="19,28,222,228" href="/wp-content/uploads/square.png" target="_blank" />
  <area shape="circle" title="Circle" coords="361,132,96" href="/wp-content/uploads/circle.png" target="_blank" />
</map>

Adam Wood

Adam is a technical writer who specializes in developer documentation and tutorials.

Browser Support for values


All	All	All	All	All	All

All values of coords

Value name	Notes
values	Provides a list of comma-separated integers, the meaning of which is dependent on the value of the shape attribute.

All attributes of <area> HTML Tag

Attribute name	Values	Notes
alt		Specifies alternative text for a clickable area in an image map.
coords	values	Defines the shape and size of a clickable area in an image map.
href		Defines the URL of the linked document or resource.
nohref		Specified that an area of an image map did not link to another resource.
shape		In conjunction with the coords attribute, specifies the shape, size, and placement of a clickable area in an image map.
target		Specifies the context in which to open the linked resource.
title		Defines the title text of the clickable area. The title text will appear as a tooltip in most browsers.