W3G

outline-colorプロパティの値

outline-colorプロパティに指定できる値は、それぞれ以下の意味を示します。

<色>

RGB値やカラーネームなどで輪郭線の色を指定する。

invert

輪郭線が確実に見える様に当該要素の背景色を反転させた色になる。

なお、ボーダーと同様、輪郭線のスタイル（outline-styleプロパティ）の初期値が "none" になっているので、輪郭線を表示させるには先ず、この値を変える必要があります。輪郭線についての詳細は、outlineプロパティを参照ください。

outline-colorプロパティの実装状況

IE

◯：IE8よりサポート、IE6, 7は未サポート

Firefox

◯

Opera

◯

Chrome

◯

Safari

◯

iOS

◯

Android

◯

サンプル

input:focus    { outline : thick solid ; }
.sample1:focus { outline-color : red   ; }
.sample2:focus { outline-color : blue  ; }
.sample3:focus { outline-color : green ; }