<p style=”border: 8px dashed”>This is the DASHED border
style.
</p>
<p style=”border: 8px double”>This is the DOUBLE border
style.
</p>
<p style=”border: 8px groove”>This is the GROOVE border
style.
</p>
<p style=”border: 8px ridge”>This is the RIDGE border style.
</p>
<p style=”border: 8px inset”>This is the INSET border style.
</p>
<p style=”border: 8px outset”>This is the OUTSET border
style.
</p>Figure 10-2 illustrates the eight border styles:Other browsers interpret the border styles slightly differently. Figure 10-3
shows how Mozilla Firefox displays the styles. For example, Firefox thinks
“dotted” means small dashes. Firefox also employs black, rather than the
more subtle gray, for the shadows in the bottom four frame-like borders, as
shown in Figure 10-3:Figure 10-2:
Here are the
border
styles you
can specify.
This is how
Internet
Explorer
interprets
these
borders.