Make a border to the areas in the image maps

html

Solution

There is no way to do this with straight HTML/CSS. You can with SVG though that is not supported by IE6/7.

You may find this JavaScript plugin of use: http://www.outsharked.com/imagemapster/ particularly its `stroke` settings.

Problem

I am trying to add a border around an Image Map Areas. Here is an example of an Image map with 3 sectors. ``` <body> <img src="trees.gif" usemap="#green" border="0"> <map name="green"> <area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html"> <area shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html"> <area shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html"> </map> </body> ``` If somehow i could place a border with 2 pixel with around the area's it would be great.

Original source