13.outlineプロパティは、アウトラインに関する設定をまとめて指定します。
ここでは、リンクアウトラインの設定を紹介します。 適用要素：すべての要素

※★CSS
.a1:active {
	outline: none;
}

.a2:active {
	outline: 1px solid #d49fc2;
}

.a3:active {
	outline: 1px dotted #d49fc2;
}

.a4:active {

	outline: 1px dashed #d49fc2;
}

.a5:active {
	outline: 3px double #d49fc2;
}

.a6:active {
	outline: 3px groove #d49fc2;
}

.a7:active {
	outline: 3px ridge #d49fc2;
}

.a8:active {
	outline: 3px inset #d49fc2;
}

.a9:active {
	outline: 3px outset #d49fc2;
}


※★HTML
<div>①<a class="a1" href="http://shin-sapporo.com/">テキストリンク1</a></div>
<div>②<a class="a2" href="http://shin-sapporo.com/">テキストリンク2</a></div>
<div>③<a class="a3" href="http://shin-sapporo.com/">テキストリンク3</a></div>
<div>④<a class="a4" href="http://shin-sapporo.com/">テキストリンク4</a></div>
<div>⑤<a class="a5" href="http://shin-sapporo.com/">テキストリンク5</a></div>
<div>⑥<a class="a6" href="http://shin-sapporo.com/">テキストリンク6</a></div>
<div>⑦<a class="a7" href="http://shin-sapporo.com/">テキストリンク7</a></div>
<div>⑧<a class="a8" href="http://shin-sapporo.com/">テキストリンク8</a></div>
<div>⑨<a class="a9" href="http://shin-sapporo.com/">テキストリンク9</a></div>

①テキストリンク1
②テキストリンク2
③テキストリンク3
④テキストリンク4
⑤テキストリンク5
⑥テキストリンク6
⑦テキストリンク7
⑧テキストリンク8
⑨テキストリンク9