Difference between revisions of "CSS GUIDE BORDER-LEFT-COLOR"
| Line 1: | Line 1: | ||
== Summary == | == Summary == | ||
| + | This property is used to set the color of a given elements left border.<br /> | ||
| + | *Inherited: No | ||
| + | *Percentages: N/A | ||
| + | *Media: visual | ||
== Syntax == | == Syntax == | ||
| − | + | <pre>TARGET_ELEMENT{border-left-color: value;}</pre> | |
| + | |||
== Legal Values == | == Legal Values == | ||
| + | Values can be entered in 3 ways: | ||
| + | |||
| + | <table border="0" border-color="#FFFFFF"> | ||
| + | <tr> | ||
| + | <th>Method</th><th>Range</th><th>Example</th> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Hexadecimal (preferred)</td><td>#000000 - #ffffff</td><td>#00ff00 is green</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Color name</td><td>[http://www.w3schools.com/html/html_colornames.asp W3Schools Natural Langauge Color Names]</td><td>green</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>RGB value</td><td>0-255</td><td>rgb(102,204,102) is green</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | |||
| + | transparent - The border is transparent. | ||
| + | |||
| + | See [[#Usage Examples | usage examples]] section for more details. | ||
== Mozilla Recommended Values == | == Mozilla Recommended Values == | ||
== Usage Examples == | == Usage Examples == | ||
| + | <pre>table{border-left-color: #ff3366;}</pre> | ||
| + | <pre>table{border-left-color: rgb(255,0,0);}</pre> | ||
== Notes == | == Notes == | ||
| + | When using the transparent keyword as a value the border is transparent though it may still have width. | ||
== Specification Conformance == | == Specification Conformance == | ||
| + | [http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color CSS 2.1] | ||
== Browser Compatibility == | == Browser Compatibility == | ||
== See Also == | == See Also == | ||
| + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-left-STYLE border-left-style] | ||
| + | *[http://zenit.senecac.on.ca/wiki/index.php/CSS_GUIDE_BORDER-left-WIDTH border-left-width] | ||
Revision as of 18:30, 13 December 2006
Contents
Summary
This property is used to set the color of a given elements left border.
- Inherited: No
- Percentages: N/A
- Media: visual
Syntax
TARGET_ELEMENT{border-left-color: value;}
Legal Values
Values can be entered in 3 ways:
| Method | Range | Example |
|---|---|---|
| Hexadecimal (preferred) | #000000 - #ffffff | #00ff00 is green |
| Color name | W3Schools Natural Langauge Color Names | green |
| RGB value | 0-255 | rgb(102,204,102) is green |
transparent - The border is transparent.
See usage examples section for more details.
Mozilla Recommended Values
Usage Examples
table{border-left-color: #ff3366;}
table{border-left-color: rgb(255,0,0);}
Notes
When using the transparent keyword as a value the border is transparent though it may still have width.
