outlineプロパティ。

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

outlineプロパティとは。

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

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

outlineプロパティの扱い。

outlineプロパティの書式。

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

outline:

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

inherit
一番近い上位要素で指定された値を継承します。
色、幅、形のプロパティ値を空白で区切って順不同で記述します。

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

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プロパティに関する注意事項。

outlineプロパティの実装上の注意。

現在、outlineプロパティは、

  • 最新のもじら系ブラウザ(ファイヤーフォックス 1.5.xなど)
  • オペラ 7.x以降
  • サファリ

でのみ表示可能です。

WAP 2.0での注意事項。

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

関連項目。


しらぎくのウェブサイト作成入門サイトマップ