クリッカブルマップでリンクを貼ったとき…

クリッカブルマップでリンクを貼ったとき、リンク周りにborderのような、枠、色をつけることはできないのでしょうか？

<IMG SRC="photo/建物配置図.jpg" ALT="選択してね" border="0" usemap="#haitizu">
<map name="haitizu">
<area shape="rect" coords="185,247,240,303" href="taikukann.html"" alt="体育館">
</map>

No.2 ベストアンサー 回答者： steel_gray 回答日時： 2006/11/27 23:24

スタイルシートの仕様ではoutlineというプロパティでborderのように枠線を指定する事も可能なはず。

例）
area {
outline:solid 1px red;
}
なんですが、それを実際に利用できるブラウザはほとんどありません。
仕様にあるのに実際には利用できない、という事は出来るようになるまで待つしかないという事になると思います。

※outlineはborderのように描画域がとられない枠線描画のためのプロパティです。クリッカブルマップ以外では結構使えるブラウザは多い（でもIEは未対応なんでやっぱり使いづらい）


shape="rect"に限ればjavascriptでarea定義を読んで枠線・onclickでリンク機能付きのdivを生成しを上に重ねるとかできるかもしれませんがちょっと大変そうです。
クリッカブルマップが大量にあるならやる価値もありますが素直に画像を加工して最初から線を付けておいたほうがいいかも。

No.1 回答者： quads 回答日時： 2006/11/27 22:53

クリッカブルマップではリンク領域の枠線の指定は HTML, CSS では実現できないと思われます。

画像自体に線をつける必要がありそうです。
オンマウスでの hover に対応する操作は :hover 擬似クラスか イベントハンドラ onmouseover を利用すれば実現できるかもしれません。