概要

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

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

構文

形式文法: <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 の定義
勧告  

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 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,