outline-widthプロパティ。

CSSに於ける輪郭線(アウトライン)の幅・outline-widthプロパティに関する解説です。

outline-widthプロパティとは。

outline-widthプロパティは、輪郭線(アウトライン)の幅です。

outline-widthプロパティの書式は、以下のようになります。

outline-width: 値

値としては、以下のものが取れます。

一番近い上位要素で指定された値を継承します。

キーワード

以下のキーワードが利用出来ます。

尚、これらの値には具体的な太さは規定されておりません。

しかしながら、細い順に

となるようにしなければならず、また、これらの太さは文書内では一定にしなければなりません。

を100％とするパーセンテージです。

幅を数値で指定します。

値としては負の値は許されません。

例えば、HTMLの <h1>要素に、幅一文字分の薄緑色の輪郭線(アウトライン)を引きたい場合は、

h1 {
    border-bottom: #090 2px solid
    outline-width: 1em;
    outline-color: #cfc;
    outline-style: solid;
    }

と記述します。

現在、outline-widthプロパティは、

でのみ表示可能です。

WAP 2.0では、outline-widthプロパティは定義されておりません。