HTML and CSS Reference
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.
22.214.171.124. 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 .