outline-style プロパティ
outline-style プロパティは、アウトラインの線種（ラインスタイル）を指定するプロパティです。
アウトラインはborderの外側に描写され、borderのように行下左右の区別はありません。
outline-style: dotted; outline-color: red; outline-width: 2px;
関連するプロパティ
以下は関連するプロパティです。
| outline | アウトラインに関するプロパティの一括定義 |
| outline-width | 線の幅 |
| outline-color | 線の色 |
| outline-offset | borderからの余白 |
ページ内 Index
構文(Syntax)
CSS
outline-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;
DOM ( JavaScript )
String = object.style.outlineStyle;
object.style.outlineStyle="none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| none | 初期値（default値）、表示されない |
| hidden | 隠す |
| dotted | 点線 |
| dashed | 破線 |
| solid | 実線 |
| double | 2重線 |
| groove | 立体に凹んだ線 |
| ridge | 立体に凸だ線 |
| inset | 全体的に立体、右下が明るい |
| outset | 全体的に立体、上左が明るい |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | none |
| 継承（Inherited） | No |
| CSS Animation | No |
Example
outline-styleの例です。 見やすいように、点線、赤色、幅を3pxの線に指定しています。 borderの直ぐ外側、marginよりも内側に表示されています。