mozilla

outline-width

概要

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

  • 初期値 medium
  • 適用対象 全要素
  • 継承 継承しない
  • メディア visual, interactive
  • 計算値 an absolute length; if the keyword none is specified, the computed value is 0
  • アニメーションの可否 可。length の値として補完します。
  • 正規順序 形式文法で定義される一意のあいまいでない順序

構文

形式文法: <br-width>
outline-width: thin
outline-width: medium
outline-width: thick

outline-width: 1px     /* <length> values */
outline-width: 0.1em

outline-width: inherit
</length>

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

thin   medium    thick    2px    1ex      2em

仕様

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

ブラウザ実装状況

機能 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 を使って実現可能です。

関連情報

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

Contributors to this page: ethertank, sosleepy
最終更新者: ethertank,
サイドバーを隠す