アウトラインの太さ (Dynamic outlines)

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

説明

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

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

使用例

button {outline:soild; outline-width:thick}
 

アウトラインの太さ <border-width>と同じ値

thinC2- ie8- 細線。
mediumC2- ie8- 通常線。初期値。
thickC2- ie8- 太線。
長さC2- ie8- ラインの太さを値として明示します。負の値は不正な値です。

アウトラインの太さのレンダリング

<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
トップページ CSS2 Note ページトップ
 2006/04/22発行 2009/07/01更新