img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

リンクの枠線


リンクの枠線を表示させない

  ie6

InternetExplorerでリンクをクリックすると表示される枠線、気にしている方は少ないとは思いますが
なんとなくうっとおしいと思っている方もいるかもしれません。

リンク (クリックしてみてください)点線枠が出ます リンク (クリックしてみてください)点線枠は出ません
sample 画像でも点線枠が出ます sample 画像でも点線枠は出ません


■ リンクの点線枠を消す

通常リンクで使うタグにonfocus="this.blur();"を追加するだけでリンクの点線枠を消すことができます。

通常のリンクタグ↓
<a href="****.html">リンク</a>
<a href="****.html"><img src="****.gif" border="0"></a>

点線枠無しのリンクタグ
<a href="****.html" onfocus="this.blur();">リンク</a>
<a href="****.html" onfocus="this.blur();"><img src="****.gif" border="0"></a>



補足1: 画像リンクの場合、border="0" が無いと境界線(ボーダー)が表示されます。
     sample タグに border="0" 無し    sample border="0" 有り

補足2: 文字リンクの場合のスタイル、下線を消す・オンマウスで色変更・文字位置変更 等は designtipsのリンクの項を参照してください。