CSS:-moz-outline

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Gecko-based applications, -moz-outline is used to set the outline 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: see individual properties
• Applies to: all elements
• Inherited: no
• Percentages: n/a
• Media: visual
• Computed value:

Starting with Gecko 1.8 (Firefox 1.5), the standard CSS 2.1 outline property is supported as well. Use of outline is preferred to -moz-outline.

[edit] Syntax

-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit] ;

[edit] Values

-moz-outline-color

Sets the outline color. See -moz-outline-color.

-moz-outline-style

Sets the style of the outline. See -moz-outline-style.

-moz-outline-width

Sets the width of the outline. See -moz-outline-width.

[edit] Related properties

• -moz-outline-color sets the color of the outline.
• -moz-outline-offset offsets the outline from the element.
• -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 {
  /* a solid red outline that is 10px width */
  -moz-outline: red solid 10px;
}