備忘録的プログラミングリファレンス

outline-colorプロパティ

 outline-colorプロパティは、アウトラインの色を定義するプロパティです。

 アウトラインはborderの外側に描写され、borderのように行下左右の区別はありません。

 outline-colorプロパティは、outline-styleプロパティに線種が指定されていないと機能しません。

アウトラインを点線、赤色で定義
outline-style: dotted;
outline-color: red;

関連するプロパティ

 以下は関連するプロパティです。

outlineアウトラインに関するプロパティの一括定義
outline-width線の幅
outline-style線種
outline-offsetborderからの余白

構文(Syntax)

CSS

outline-color: invert | color | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.outlineColor;
値の設定
object.style.outlineColor="invert | color | initial | inherit";

値(Values)

Value摘要
invert初期値(default値)、ブラウザによる
colorCSS Color
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)invert
継承(Inherited)No
CSS AnimationYes

Example

 outline-colorの例です。 見やすいように、点線、赤色、幅を3pxの線に指定しています。 borderの直ぐ外側、marginよりも内側に表示されています。