Style outline Property

周りのアウトラインを追加<div>要素：

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

定義と使用法

アウトラインのプロパティセットや速記形で、すべてのアウトラインのプロパティを返します。

このプロパティを使用すると、返却/（任意の順序で）次の一つ以上を設定することができます。

アウトラインは、要素の周りのラインです。これは、要素のマージンの周りに表示されます。しかし、それは国境のプロパティとは異なります。

アウトラインはそのための要素の幅と高さのプロパティは、アウトラインの幅を含まない、要素の大きさの一部ではありません。

アウトラインプロパティは、すべての主要なブラウザでサポートされています。

Note:アウトラインプロパティは、IE7および以前のバージョンでサポートされていません。 IE8は、！のDOCTYPEが必要です。 IE9、後でそれをサポートしています。

アウトラインプロパティを返します：

object .style.outline

アウトラインプロパティを設定します。

object .style.outline=" プロパティ値

パラメーター	説明
width	輪郭線の幅を設定します。
style	アウトラインのスタイルを設定します。
color	輪郭線の色を設定します。
initial	このプロパティがデフォルト値に設定します。最初の記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

デフォルト値：	メディアなし反転
戻り値：	アウトラインの幅、スタイル、および/または要素の色を表す文字列、
CSSのバージョン	CSS2

輪郭の幅、スタイルや色の変更<div>要素を：

document.getElementById("myDiv").style.outline = "5px dotted green";

アウトラインのプロパティ値を返します<div>要素を：

alert(document.getElementById("myDiv").style.outline);