リンク画像イメージの点線枠囲み線を消すためのCSSプロパティ

ホームページ内にaタグでURLリンクを貼りつけたイメージ画像ですが、選択時やページ内でクリックした場合などは、画像の周りに点線の枠が見られます。

マウスオーバー時のマウスカーソル同様、どの画像が選択されクリッカブルなのかをユーザーに知らせてくれる点線枠なのですが、場合によっては消したい場合もでてきます。

その場合はCSSで以下のように指定するだけで、点線を非表示にすることが可能です。

 

a {outline:none;}

 

または以下のようにすることで、フォーカス時の点線をすべて非表示にすることができます。

 

a:focus, *:focus { outline:none; }

 

アスタリスクは全部って意味ですね。