Skip to main content

Visit Mozilla.org

CSS:outline-offset

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

outline-offset is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:

  • Initial value: 0
  • Applies to: all elements
  • Inherited: no

The space will be transparent (the parent will determine the background).

On Mozilla browsers prior to Gecko 1.8 (Firefox 1.5) webdeveloper could archive same effect by using Mozilla CSS Extension -moz-outline-offset.

[edit] Syntax 

outline-offset: <number> | inherit

[edit] Values

<number>
The width of the space.

[edit] Examples 

hbox.example {
  /* Move the outline 2px away from the border */
  outline-offset: 2px;
}

[edit] Specifications

[edit] Browser compatibility

Browser Lowest Version
Internet Explorer ?
Firefox ?
Netscape ?
Opera ?

[edit] See also

outline, outline-width, outline-style, outline-color, outline-offset, -moz-outline, -moz-outline-color, -moz-outline-radius, -moz-outline-radius-topleft ,-moz-outline-radius-topright, -moz-outline-radius-bottomleft, -moz-outline-radius-bottomright, -moz-outline-style, -moz-outline-width, -moz-outline-offset

Retrieved from "http://developer.mozilla.org/en/docs/CSS:outline-offset"