アウトラインの色 (Dynamic outlines)

 
ユーザーインターフェイス
ホーム > CSS2 Note > アウトラインの色
C2- ie8-

説明

outline-color: color; C2- ie8-
値:  <色> | invert | inherit
初期値:invert適用要素:すべて継承:しない%値:なしメディア:ビジュアル インタラクティブ
アウトラインの色を指定します。

*1 アウトラインのスタイルの初期値が「none(太さも0にする)」であるため、「outlineプロパティ」でスタイルを指定しておく必要があります。
 

使用例

button {outline:solid; outline-color:orange}
 

アウトラインの色 <'outline-color'>

C2- ie8- 色を指定。
invertC2- ie8- 反転色を用います。初期値。

アウトラインの色のレンダリング

<style type="text/css"><!--
.eg1 {outline:solid; outline-color:#99d0f6;}
.eg2 {outline:solid; outline-color:#bffa60;}
.eg3 {outline:solid; outline-color:#edc4fc;}
.eg4 {outline:solid; outline-color:invert;}
--></style>

<span class="eg1">outline:solid; outline-color:#99d0f6;</span><br><br>
<span class="eg2">outline:solid; outline-color:#bffa60;</span><br><br>
<span class="eg3">outline:solid; outline-color:#edc4fc;</span><br><br>
<span class="eg4">outline:solid; outline-color:invert;</span>
ie8- ff2- o7- sf1- gc1-は対応しています。
 
関連項目: cursor | outline | outline-width | outline-style | outline-color
トップページ CSS2 Note ページトップ
 2006/04/22発行 2009/07/01更新