[CSS]リンクの点線 outline を非表示にする

ロゴなど、リンクを画像にしている事ってありますよね？クリックした後に画像のフチに、変な点線が残りませんか？

制御するには、outlineを使います。outline(アウトライン）とは、要素を囲む線の事です。

テキストのリンク場合

例えば、囲む線を点線にも、破線にも出来ます。

a{outline-style: dotted;}

画像のリンクの場合

点線を表示させないようにするには

<a href="https://XXX"><img src="XXX.jpg" ></a>

a{outline-style:none;}