Difference between revisions of "CSS GUIDE BORDER STYLE"

From CDOT Wiki
Jump to: navigation, search
(Legal Values)
(Legal Values)
Line 31: Line 31:
  
 
<tr>
 
<tr>
<td>[[CSS_GUIDE_FONT_FAMILY | font-family]]</td>
+
<td>hidden</td>
<td>[[user:mdsouza | Mark ]]</td>
+
<td>The same as "none", except in border conflict resolution for table elements</td>
 
</tr>
 
</tr>
  
 
<tr>
 
<tr>
<td>[[CSS_GUIDE_TEXT_DECORATION | text-decoration]]</td>
+
<td>dotted</td>
<td>[[user: Sherman | Sherman]]</td>
+
<td>Defines a dotted border</td>
 
</tr>
 
</tr>
  
 
<tr>
 
<tr>
<td>[[CSS_GUIDE_FONT_WEIGHT | font-weight]]</td>
+
<td>dashed</td>
 +
<td>Defines a dashed border</td>
 +
</tr>
 +
<tr>
 +
<td>solid</td>
 +
<td>Defines a solid border</td>
 +
</tr>
 +
<tr>
 +
<td>double</td>
 +
<td>Defines two borders. The width of the two borders are the same as the border-width value</td>
 +
</tr>
 +
<tr>
 +
<td>solid</td>
 
<td>[[user:dmmanley| Dave]]</td>
 
<td>[[user:dmmanley| Dave]]</td>
 
</tr>
 
</tr>
 
 
 
</table>
 
</table>
  

Revision as of 12:55, 22 November 2006

This document is a work in progress and is subject to change.

Summary

The border-style property sets the style of an element's border. This property must be specified for the border to be visible. Between one and four keywords are specified. If four values are given, they apply to top, right, bottom, and left border style, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side.

Syntax

table {border-style: dotted} all four borders will be dotted

table {border-style: dotted dashed} top and bottom border will be dotted, left an right border will be dashed

table {border-style: dotted dashed solid} top border will be dotted, left and right border will be dashed, bottom border will be solid

table {border-style: dotted dashed solid double} top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double

Legal Values

Value Description
none Defines no border
hidden The same as "none", except in border conflict resolution for table elements
dotted Defines a dotted border
dashed Defines a dashed border
solid Defines a solid border
double Defines two borders. The width of the two borders are the same as the border-width value
solid Dave

Mozilla Recommended Values

Usage Examples

Notes

Specification Conformance

Browser Compatibility

See Also