outline-color
This property accepts all CSS color values as discussed earlier in the appendix as well as in Appendix E. The keyword invert is also supported and should perform a color inversion on the pixels on the screen.
Examples
p:hover {outline-style: dashed; outline-color: green;}
.test {outline-width: 10px; outline-style: solid; outline-color: #f00;}
Browser and CSS Support Notes
CSS2
No IE support
Nav 6, 7 use a proprietary style
Opera 7
outline-style
This property defines a style for an element's outline, which is generally the same as its border-style. While outlines resemble borders, they are not supposed to take up canvas space, and theoretically could appear as a different shape than borders, potentially wrapping around the edges of content. Since outlines are drawn over an item, rather than around it, there is no reflow. The allowed values for this property are the same as border-style and include none, dotted, dashed, solid, double, groove, ridge, inset, and outset. See border-style property for specific information on each style.
Examples
p:hover {outline-style: dashed;}
.test {outline-width: 10px; outline-style: solid; outline-color: black;}
Browser and CSS Support Notes
CSS2
No IE support
Nav 6, 7 use a proprietary style
Opera 7
outline-width
This property defines a width for an element's outline, which is generally the same as its border-width. While outlines resemble borders, they are not supposed to take up canvas space, and theoretically could appear as a different shape than borders. Furthermore, outlines are drawn over an item, rather than around it, thus causing no reflow. Like border-width, this property's values can be keywords (thin, medium, or thick) and numerical lengths such as pixels (px), inches (in), and so on.
Examples
p {outline-style: dashed; outline-width: thick;}
.test {outline-width: 10px; outline-style: solid; outline-color: black;}
Browser and CSS Support Notes
CSS2
No IE support
Nav 6, 7 use a proprietary style
Opera 7
