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 17: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.