outline-width (CSS property)
| IE7 | FF1.5+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| None | Full | Full | Full |
| Inherited | Initial | Version |
|---|---|---|
| No | medium |
CSS2, 2.1 |
Example
This style rule assigns an outline with
a 2px width on focus to anchor elements within the element with ID
"example":
#example a:focus {
outline-width: 2px;
outline-style: solid;
}Description
The
outline-width property sets the width of the outline
that’s drawn around an element. See outline for more
information about outlines.
Note that even though an
outline-width has been set,
outline-style must have a value other than
none before the outline will
show.
Value
The property takes the same values
as border-width—for
example, a CSS length (px, pt, em, and so on) or one of the allowed
keywords—but percentage or negative values are not allowed.
The keyword width values of thin, medium, and thick aren’t explicitly defined—their display will depend on the user agent—but have the following meaning: thin <= medium <= thick.
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | None |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
Internet Explorer for Windows (up to and including
version 7) and Firefox 1.0 provide no support for
outline.
User-contributed notes
There are no comments yet.
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.
