CSS:-moz-outline-color

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Mozilla applications, -moz-outline-color is used to set the color of 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: invert
• Applies to: all elements
• Inherited: no
• Percentages: n/a
• Media: visual
• Computed value:

Starting with Mozilla 1.8 / Firefox 1.5, the standard CSS 2.1 outline-color property is supported as well. Use of outline-color is preferred to -moz-outline-color.

[edit] Syntax

-moz-outline-color: <color> | invert | inherit

[edit] Values

<color>

The color to set the outline, either a name (red), rgb value (rgb(255,0,0)), or a hex value (#FF0000).

invert

To ensure the outline is visible, performs a color inversion of the background.

[edit] Related properties

• -moz-outline sets the color, style, and width 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 {
  /* make the outline red */
  -moz-outline-color: #FF0000;
}