アウトラインの太さ
(Dynamic outlines)
ユーザーインターフェイス
ホーム
>
CSS2 Note
> アウトラインの太さ
C2- ie8-
説明
outline-width:
width
;
C2- ie8-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
thin | medium | thick |
<長さ>
|
inherit
初期値:
medium
、
適用要素:
すべて
、
継承:
しない
、
%値:
なし
、
メディア:
ビジュアル インタラクティブ
アウトラインの太さを指定します。
*1 アウトラインのスタイルの初期値が「none(太さも0にする)」であるため、「outlineプロパティ」でスタイルを指定しておく必要があります。
使用例
button {outline:soild; outline-width:thick}
アウトラインの太さ
<border-width>
と同じ値
thin
C2- ie8- 細線。
medium
C2- ie8- 通常線。初期値。
thick
C2- ie8- 太線。
長さ
C2- ie8- ラインの太さを値として明示します。負の値は不正な値です。
アウトラインの太さのレンダリング
アウトラインの太さのレンダリング
Opera9のサンプル画像
<style type="text/css"><!--
.eg1 {outline:#99d0f6 solid;
outline-width:thin;
}
.eg2 {outline:#bffa60 solid;
outline-width:medium;
}
.eg3 {outline:#edc4fc solid;
outline-width:thick;
}
.eg4 {outline:#99d0f6 solid;
outline-width:8px;
}
--></style>
<span
class="eg1"
>outline:#99d0f6 solid; outline-width:thin;</span><br><br>
<span
class="eg2"
>outline:#bffa60 solid; outline-width:medium;</span><br><br>
<span
class="eg3"
>outline:#edc4fc solid; outline-width:thick;</span><br><br>
<span
class="eg4"
>outline:#99d0f6 solid; outline-width:8px;</span>
ie8- o7- ff2- sf1- gc1-は対応しています。
関連項目:
cursor
|
outline
| outline-width |
outline-style
|
outline-color
2006/04/22発行 2009/07/01更新