Go to information

outline-color

outline-colorプロパティは輪郭線（アウトライン）の色を指定します。

値
初期値
invert
適用対象
すべての要素
継承
しない
メディア

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

<色>
16進数RGB値やカラーネームなどで輪郭線の色を指定する。
invert
輪郭線が確実に見える様に当該要素の背景色を反転させた色になる。

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

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

Windows版Internet Explorer
×
Firefox
○
Opera
○
Safari
×
Macintosh版Internet Explorer 5
○

サンプル

記述例
input:focus    { outline : thick solid ; }
.sample1:focus { outline-color : red   ; }
.sample2:focus { outline-color : blue  ; }
.sample3:focus { outline-color : green ; }
表示例
現在位置
  1. W3G
  2. CSS
  3. ユーザインタフェイス
  4. outline-color
ナビゲーション
ステータス情報
作者
上田 遼
公開
2007-02-02T16:41:10+09:00
更新
2008-12-29T04:30:38+09:00
URI
http://w3g.jp/css/user_interface/outline-color
検索

直近の制作実績等：大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!