Choosing from lotsa border styles ..................................................
You can specify eight different border styles: solid, dotted, dashed,
double, groove, ridge, inset, or outset. Figure 10-2 illustrates each style,
although some of them are a bit wider than you’d normally want to use. I’m
specifying that each border here be a generous eight pixels for illustrative
purposes so you can easily see them in this book. Generally speaking, the
only styles you should usually make thick are the frame-like designs: groove,
ridge, inset, and outset. These are designed to display shading (by vary-
ing the lightness of the lines), so you want the lines large enough so the
viewer can actually see the shading. Here’s the code:
<p style=”border: 8px solid”>This is the SOLID border style.
No color is specified, so it defaults to black.
</p>
<p style=”border: 8px dotted”>This is the DOTTED border
style.
</p>
Figure 10:1:
You can
create all
kinds of
borders.
These styles
are, from
top to
bottom,
solid,
groove,
ridge, and
double.
186 Part III: Adding Artistry: Design and Composition with CSS
