Prev | Current Page 386 | Next

Tommy Olsson and Paul O'Brien

"The Ultimate CSS Reference"

0
provide no support for outline.
259 Box Properties
outline-style
outline-style: { none | dotted | dashed | solid |
double | groove | ridge | inset | outset |
inherit } ;
The outline-style property sets the
style of the outline that??™s drawn around
an element. See outline (p. 261) for more
information about outlines.
Note that an outline will only show
when outline-style has been set with
a value other than none.
Value
Example
This style rule assigns a solid outline
(with the default width and color) on focus
to anchor elements within the element with
ID "example":
#example a:focus {
outline-style: solid;
}
The property takes the same values as border-style (p. 251) with the exception
of hidden, which is not allowed:
none means no outline will show
dotted implements the outline as a series of dots
dashed implements the outline as a series of dashes
solid implements the outline as a solid line
double implements the outline as two solid lines (the sum of the two outline
widths and the space between them equals the value that has been set for
outline-width)
groove a 3D effect that gives the impression that the outline is carved into the
canvas
ridge a 3D effect that has the opposite effect of groove in that the outline appears
to protrude from the canvas
SPEC
version initial inherited
CSS2, 2.


Pages:
374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398