(active) outline: ***;
| ブラウザ |
|
|---|---|
| プロパティ |
outline は、アウトライン（輪郭線）の太さ、色、スタイルを一括で指定するプロパティです。
疑似クラス（:active）を指定したa要素にこのプロパティを設定すると、選択中のアウトラインを変更することができます。
a:active {
outline: 1px #ff0000 dashed;
}
| プロパティ名 | 値 | 説明 |
|---|---|---|
outline |
太さ、色、スタイル | アウトライン（太さ、色、スタイル）を指定 |
アウトラインの指定方法については、outlineプロパティをご覧ください。
アウトラインのスタイル
アウトラインのスタイルは、次の値で指定します。
none （線なし）
solid （実線）
double （二重の線）
groove （谷型の線）
ridge （山型の線）
inset （凹型の線）
outset （凸型の線）
dotted （点線）
dashed （破線）
- 上記は、リンクテキストに見せかけたサンプルです。（対応しているブラウザではアウトラインが表示されます）
使用例
<!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>
- 表示例