<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

Sharing is caring!

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.

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>

Last Updated on

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

Browser Support for values

AllAllAllAllAllAll