Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

概要

CSS の outline-width プロパティは、要素のアウトラインの幅を設定します。アウトラインとは、要素を囲むように、ボーダー境界の外側に描かれる線で、要素を目立たせます。

初期値medium
適用対象全要素
継承不可
メディアvisual, interactive
計算値絶対的 length。キーワード none が指定されると計算値は 0 になります
アニメーションの可否可。 の値として補完しますlength
正規順序形式文法で定義される一意のあいまいでない順序

構文

形式文法: <br-width>

where
<br-width> = <length> | thin | medium | thick

outline-width: thin
outline-width: medium
outline-width: thick

outline-width: 1px     /*  values */
outline-width: 0.1em

outline-width: inherit

thin
ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、通常は 1px です
medium
ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、通常は 3px です
thick
ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、通常は 5px です
<length>
<length> 値をご覧ください。

thin   medium    thick    2px    1ex      2em

仕様

仕様書 策定状況 コメント
CSS Basic User Interface Module Level 3
outline-width の定義
勧告候補 変更なし
CSS Transitions
outline-width の定義
草案 outline-width をアニメーション可能として定義
CSS Level 2 (Revision 1)
outline-width の定義
勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート  1.0 1.5 (1.8) [*] 8.0 7.0 1.2 (125)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?

Gecko 1.8 (Firefox 1.5) 以前のブラウザでは、基本的に同じ効果を Mozilla CSS Extension-moz-outline-width を使って実現可能です。

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Prinz_Rana, fscholz, Sebastianz, ethertank, sosleepy
 最終更新者: Prinz_Rana,