Difference between revisions of "CSS GUIDE BORDER STYLE"
(→CSS Properties) |
(→CSS Properties) |
||
Line 17: | Line 17: | ||
== Legal Values == | == Legal Values == | ||
− | + | ||
<table border = "1" width="350"> | <table border = "1" width="350"> | ||
<tr> | <tr> | ||
− | |||
<th>Value</th> | <th>Value</th> | ||
<th>Description</th> | <th>Description</th> | ||
</tr> | </tr> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<tr> | <tr> | ||
− | |||
<td>none</td> | <td>none</td> | ||
<td>Defines no border</td> | <td>Defines no border</td> | ||
Line 38: | Line 31: | ||
<tr> | <tr> | ||
− | |||
<td>[[CSS_GUIDE_FONT_FAMILY | font-family]]</td> | <td>[[CSS_GUIDE_FONT_FAMILY | font-family]]</td> | ||
<td>[[user:mdsouza | Mark ]]</td> | <td>[[user:mdsouza | Mark ]]</td> | ||
Line 44: | Line 36: | ||
<tr> | <tr> | ||
− | |||
<td>[[CSS_GUIDE_TEXT_DECORATION | text-decoration]]</td> | <td>[[CSS_GUIDE_TEXT_DECORATION | text-decoration]]</td> | ||
<td>[[user: Sherman | Sherman]]</td> | <td>[[user: Sherman | Sherman]]</td> | ||
Line 50: | Line 41: | ||
<tr> | <tr> | ||
− | |||
<td>[[CSS_GUIDE_FONT_WEIGHT | font-weight]]</td> | <td>[[CSS_GUIDE_FONT_WEIGHT | font-weight]]</td> | ||
<td>[[user:dmmanley| Dave]]</td> | <td>[[user:dmmanley| Dave]]</td> | ||
Line 56: | Line 46: | ||
<tr> | <tr> | ||
− | |||
<td>[[CSS_GUIDE_BACKGROUND_COLOR | background-color]]</td> | <td>[[CSS_GUIDE_BACKGROUND_COLOR | background-color]]</td> | ||
<td>[[user:mdsouza | Mark ]]</td> | <td>[[user:mdsouza | Mark ]]</td> |
Revision as of 12:50, 22 November 2006
This document is a work in progress and is subject to change.
Contents
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