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

Style outlineWidth Property

<スタイルオブジェクト

輪郭の幅の変更<div>要素を:

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

定義と使用法

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

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

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


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


構文

outlineWidthプロパティを返します:

object .style.outlineWidth

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

object .style.outlineWidth="thin|medium|thick| プロパティ値
説明
thin 細いアウトラインを定義します
medium メディアアウトラインを定義します。 これがデフォルトです
thick 太い輪郭線を定義します
length 長さの単位でのアウトラインの幅
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

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

その他の例

輪郭の幅の変更<div>使用して、要素を"thick"値:

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

輪郭の幅を返します<div>要素を:

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

関連ページ

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

CSSリファレンス: outline property

HTML DOMリファレンス: outline property


<スタイルオブジェクト