<area></area> 部分にボーダーを表示したい。

<img src="img/img.gif" usemap="#maps">
<map name="maps">
<area shape="rect" coords="0,0,50,50" href="#"
onclick="return false;">
</area>

のような感じで、 <area></area> で囲まれた部分の領域にボーダーを表示させたいのですが可能でしょうか？

<area ～ style="border:1px solid #ff0000">～
では出来ませんでした。

No.2 ベストアンサー 回答者： BLUEPIXY 回答日時： 2006/07/08 03:24

area エレメントは、クライアントサイドマップでの領域を「定義」するものですからそれ自体は、表示されるものではないということでしょう。

style 属性としてボーダーが存在しませんので、できないと思います。

私も、画像の側でボーダーを引くのがいいと思います。

この回答への補足

回答有難うございます。
No1 で補足したとおり、質問内容と本来やりたいことが若干食い違っていました。
javascriptからスタイルを操作したいと考えていたんですが、無理そうですね。
いいアイデアがあれば、お願いします。

補足日時：2006/07/09 06:31

No.3 回答者： naynay 回答日時： 2006/07/17 05:09

オンマウスで上に表示されるレイヤーの方に、マップを使う画像に重なるよう枠の画像を入れたらどうですか？

この回答へのお礼

回答有難うございました。
当初予定していた方法で出来そうにないので、諦めることにしました。

お礼日時：2006/07/22 13:53

No.1 回答者： partita 回答日時： 2006/07/07 21:46

初めから画像にボーダーつけておけばいいのでは？

この回答への補足

回答有難うございます。

やりたいことと質問内容が若干ずれているようで、イメージ的には、

http://www.yuka-club.com/

のようなことをやりたいわけです。
特定の領域にマウスが乗ると、別のところに新しい領域が現れ、新しい領域に、例えば拡大された画像が表示される。
マウスが乗っている領域を強調する意味で、javascript から線を表示・非表示出来るようにしたいのです。

だから画像を加工することは考えてないんですが、何かいい案はないでしょうか？

補足日時：2006/07/09 06:18