Skip to main content

Visit Mozilla.org

CSS:outline-color

From MDC

« CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

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:

In browsers previous to Gecko 1.8 (Firefox 1.5) webdeveloper could archive same effect by using Mozilla CSS Extension -moz-outline-color.

[edit] Syntax 

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] Examples 

hbox.example {
  /* make the outline red */
  outline-color: #FF0000;
}

[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-color"