CSS:-moz-outline-offset

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Mozilla applications, -moz-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
• Percentages: n/a
• Media: visual
• Computed value:

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

[edit] Syntax

-moz-outline-offset: <number> | inherit

[edit] Values

<number>

The width of the space.

[edit] Related properties

• -moz-outline sets the color, style, and width of the outline.
• -moz-outline-color sets the color of the outline.
• -moz-outline-radius sets the rounding of the outline corners.
• -moz-outline-radius-bottomleft sets the rounding of the bottom-left corner.
• -moz-outline-radius-bottomright sets the rounding of the bottom-right corner.
• -moz-outline-radius-topleft sets the rounding of the top-left corner.
• -moz-outline-radius-topright sets the rounding of the top-right corner.
• -moz-outline-style sets the style of the outline.
• -moz-outline-width sets the width of the outline.

[edit] Examples

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

[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