ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 outline-offset プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Specify an outline 15px outside the border edge:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

outline-offset property not supported in Internet Explorer or Opera.


定義と用法

outline-offset property offsets an outline, and draws it beyond the border edge.

Outlines differ from borders in two ways:

  • Outlines do not take up space
  • Outlines may be non-rectangular
デフォルト値: 0
継承: no
バージョン: CSS3
JavaScript構文: object.style.outlineOffset="15px"


構文

outline-offset: length|inherit:

説明
length The distance the outline is outset from the border edge
inherit Specifies that the value of the outline-offset property should be inherited from the parent element


関連ページ

CSS3 チュートリアル: CSS3 User Interface


CSS3 Reference 完全な CSS3 リファレンス