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

outline-color プロパティ

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

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

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

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

詳しくは Example を参照してください

ページ内 Index

構文(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よりも内側に表示されています。