アウトラインの色
(Dynamic outlines)
ユーザーインターフェイス
ホーム
>
CSS2 Note
> アウトラインの色
C2- ie8-
説明
outline-color:
color
;
C2- ie8-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
<色>
| invert |
inherit
初期値:
invert
、
適用要素:
すべて
、
継承:
しない
、
%値:
なし
、
メディア:
ビジュアル インタラクティブ
アウトラインの色を指定します。
*1 アウトラインのスタイルの初期値が「none(太さも0にする)」であるため、「outlineプロパティ」でスタイルを指定しておく必要があります。
使用例
button {outline:solid; outline-color:orange}
アウトラインの色 <'outline-color'>
色
C2- ie8- 色を指定。
invert
C2- ie8- 反転色を用います。初期値。
アウトラインの色のレンダリング
アウトラインの色のレンダリング
Opera9のサンプル画像
<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
2006/04/22発行 2009/07/01更新