outlineプロパティ。

CSSに於ける輪郭線(アウトライン)に関するプロパティ(幅, 形及び色)の一括指定・outlineプロパティに関する解説です。

outlineプロパティとは。

outlineプロパティは、輪郭線(アウトライン)に関するプロパティ(幅, 形及び色)の一括指定です。

outlineプロパティは以下のプロパティの値を一括指定出来ます。

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

outline: 値

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

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

色

幅

形

色、幅、形のプロパティ値を空白で区切って順不同で記述します。

詳しくは、以下の解説をご覧下さい。

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

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

と記述しますが、これをoutlineプロパティを用いて、

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

と記述する事も出来ます

現在、outlineプロパティは、

でのみ表示可能です。

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