HTML and CSS Reference
In-Depth Information
tom border
medium
. The last example makes the top and bottom borders
thick
and the right and left borders 2 millimeters wide.
If you are uncomfortable defining all four borders with one property, you
can use the individual
border-top-width, border-bottom-width, border-
left-width
, and
border-right-width
properties to define the thickness of
each border. Each property accepts just one value; the default is
medium
.
All the currently popular browsers support this property.
8.4.7.5. The border-style property
According to the CSS2 model, you may apply a number of embellish-
ments to your HTML element borders.
The
border-style
property values include
none
(default),
dotted, dashed,
solid, double, groove, ridge, inset
, and
outset
. The border-style-con-
scious browser applies one to four values for the property to each bor-
der, in the same order as for the border colors and widths, as described
in
Table 8-1
.
The browser draws
dotted, dashed, solid
, and
double
borders as flat
lines on top of the tag's background. The
groove, ridge, inset
, and
outset
values create three-dimensional borders: the
groove
is an incised
line, the
ridge
is an embossed line, the
inset
border makes the entire
tag area appear set into the document, and the
outset
border makes
the entire tag area appear raised above the document. The effect of
the three-dimensional nature of these last four styles on the tag's back-
ground image is undefined and left up to the browser. Netscape sup-
ports three-dimensional effects.
All the currently popular browsers support the border styles. An example
is shown in
Figure 8-16
.