Putting Style Sheets in Perspective border-style

Like colors, borders are not limited to a default value. Although not all browsers will display all of the different styles, the two biggies will display some of the styles, reverting to a solid line for those styles that aren't recognized.	Initial Value: see individual properties Allowed Values: <border-style> inherit Applies to: all elements Inherited?: no
When specifying the styles, if one value is specified, it applies to all four sides. If two values are specified, the first value is applied to the top and bottom, the second value is applied to the left and right sides. If three values are specified, the first value is applied to the top, the second to the left and right sides, and the third to the bottom. If there are four values, they apply to the top, right, bottom, and left, respectively.
The 'border-style' property sets the style of the four borders to one of the values displayed below.
Note: The hidden value is the same as "none", with one exception. In the case of border conflict resolution in tables, the hidden value will unconditionally turn the border off.

Additional Resources:

• W3C: 8.5.3 Border style: 'border-top-style
• Project Cool: Dynamic HTML Developer Zone
• Knoblock's Style Cookbook: Adding Borders Effectively

Putting Style Sheets in Perspective: border-color
Putting Style Sheets in Perspective: Marginally Speaking
Putting Style Sheets in Perspective: border-width