1. Home
  2. スタイルシート CSS
  3. リンク
  4. 選択中のアウトラインを変更する

選択中のアウトラインを変更する


(active) outline: ***;

ブラウザ
IE8
Fx
Sf
Cr
O7
特性
outline

outline は、アウトライン(輪郭線)の太さ、色、スタイルを一括で指定するプロパティです。

疑似クラス:active)を指定したa要素にこのプロパティを設定すると、選択中のアウトラインを変更することができます。



a:active {
outline: 1px #ff0000 dashed;
}


プロパティ名 説明
outline 太さ、色、スタイル アウトライン(太さ、色、スタイル)を指定

アウトラインの指定方法については、outlineプロパティをご覧ください。

【アウトラインのスタイル】

アウトラインのスタイルは、次の値で指定します。

none (線なし)

solid (実線)

double (二重の線)

groove (谷型の線)

ridge (山型の線)

inset (凹型の線)

outset (凸型の線)

dotted (点線)

dashed (破線)

※上記は、リンクテキストに見せかけたサンプルです。(対応しているブラウザではアウトラインが表示されます)

メモ

IEでは、表示モードが「標準モード」の場合のみ機能するようです。(IE 7以下では未対応)


使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

a:active { outline: 1px #ff0000 dashed; }

</style>

</head>
<body>

<p><a href="index.html">リンクカテゴリー</a></p>

</body>
</html>

表示例


リンク

ページの先頭へ


inserted by FC2 system