<style>
P {background-color: lightsalmon; padding: 12px;
border-style: double; border-width: thick;}
</style>
In addition to altering the border style, you can also vary the sizeof each
individual border (as you can with margins), although this too is useful for
few Web page designs. If you wish, use these properties to display a multi-
thick border: border-top-width, border-right-width, border-bottom-
width, and border-left-width. Figure 10-5 illustrates the thick size.
Coloring a border ..............................................................................
Border color is specified with the border-colorproperty. No surprise
there. Just use any of the CSS color values described in detail in Chapter 6.
Remember that if you omit this property, the border takes on the color of the
surrounding text, or the text of the parent element, if the local element has no
color (such as an image element). The default border color is, therefore, usu-
ally black.
If you want to play around with some lighting effects to give your borders a
dimensional quality, you can specify four different colors, one for each side of
the border, like this:
<style>
P {padding-left: 6px; padding-right: 4px; padding-top: 6px;
border-style: double; border-width: thick;
border-color: lightskyblue lightskyblue darkslateblue
darkslateblue;}
</style>
Figure 10-5:
This border
is rendered
in the
thick
border
width.
190 Part III: Adding Artistry: Design and Composition with CSS
