| Inherited | Initial | Version |
|---|---|---|
| No | invert |
CSS2,2.1 |
| IE7 | FF1.5+ | SA1.3+ | OP9.2+ |
|---|---|---|---|
| None | Full | Full | Full |
Syntax
Description
The
outline-style property sets the style of the outline
that’s drawn around an element. See outline for more
information about outlines.
Note that an outline will only show when
outline-style has been set with a value other than
none.
Example
This style rule assigns a
red outline color on focus to anchor elements within
the element with ID "example":
#example a:focus {
outline-color: red;
outline-style: solid;
}Value
outline-color
accepts any valid CSS color value, as well as the keyword
invert. invert does as its name
suggests: it performs a pixel-color inversion of the outline in order that
the outline remains visible regardless of any background colors that have
been set. As of CSS2.1, user agents have been allowed to ignore the
invert value, and instead use the element’s
color property.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| None | None | None | None | Full | Full | Full | Full | Full | Full | Full |
Internet Explorer for Windows (up to and including
version 7) and Firefox 1.0 provide no support for
outline.
User-contributed notes
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.