outline-color 【アウトラインの色】
[IE5] [Fx2] [Op7]
outline-colorプロパティは、アウトラインの色を指定する際に使用します。輪郭線を表示させる場合には、必ずoutline-styleの値を変えましょう。
borderプロパティと違って、上下左右に独立した指定をする事は出来ません。
色で指定する
16進数やredなどのカラーコードで指定します。
invert
地の色を反転させた色になります。
outline-colorの使用例
CSSファイル
.sample001 {
outline-color: #000000;
outline-style: solid;
margin: 20px 10px;
}
.sample002 {
outline-color: #ff9999;
outline-style: dashed;
margin: 20px 10px;
}
.sample003 {
outline-color: #9999ff;
outline-style: outset;
margin: 20px 10px;
}
HTMLソース
<p class="sample001">アウトラインカラーサンプル</p>
<p class="sample002">アウトラインカラーサンプル</p>
<p class="sample003">アウトラインカラーサンプル</p>
表示すると
アウトラインカラーサンプル
アウトラインカラーサンプル
アウトラインカラーサンプル
アウトライン関連項目
| outline | アウトラインのスタイル・太さ・色を指定する |
| outline-color | アウトラインの色を指定する |
| outline-style | アウトラインのスタイルを指定する |
| outline-width | アウトラインの太さを指定する |
