最新のWeb開発のチュートリアル
 

Style outlineStyle Property

<スタイルオブジェクト

例

追加"solid"の周りの輪郭<div>要素を：

document.getElementById("myDiv").style.outlineStyle = "solid";
»それを自分で試してみてください

定義と使用法

outlineStyleプロパティセットまたは要素の周囲のアウトラインのスタイルを返します。

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

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

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

構文

outlineStyleプロパティを返します：

object .style.outlineStyle

outlineStyleプロパティを設定します。

object .style.outlineStyle= value

プロパティ値

値 説明
none 何のアウトラインを定義します。 これがデフォルトです
hidden アウトラインがオフになっています
dotted 点線のアウトラインを定義します
dashed 破線の輪郭を定義します
solid 実線の輪郭を定義します
double 二重のアウトラインを定義します
groove 3D溝付きアウトラインを定義します。 効果はアウトライン色の値に依存します
ridge 3D隆起アウトラインを定義します。 効果はアウトライン色の値に依存します
inset 3Dのはめ込みアウトラインを定義します。 効果はアウトライン色の値に依存します
outset 3D最初のアウトラインを定義します。 効果はアウトライン色の値に依存します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値： なし
戻り値： 要素のアウトラインのスタイルを表す文字列、
CSSのバージョン CSS2

その他の例

例

アウトラインスタイル変更<div>要素を：

document.getElementById("myDiv").style.outlineStyle = "solid";
»それを自分で試してみてください

例

アウトラインスタイル戻る<div>要素を：

alert(document.getElementById("myDiv").style.outlineStyle);
»それを自分で試してみてください

例

すべての異なる値のデモ：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
»それを自分で試してみてください

関連ページ

CSSチュートリアル： CSSの概要

CSSリファレンス： outline-style property

HTML DOMリファレンス： outline property

<スタイルオブジェクト