Difference between revisions of "CSS GUIDE BORDER RIGHT"

From CDOT Wiki
Jump to: navigation, search
(Legal Values)
(Specification Conformance)
 
(4 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
== Legal Values ==
 
== Legal Values ==
border-width - thin | thick<br />
+
* border-width - thin | thick<br />
border-style - dotted<br />
+
* border-style - dotted<br />
border-color - #000000 - #FFFFFF<br />
+
* border-color - #000000 - #FFFFFF<br />
  
 
== Mozilla Recommended Values ==
 
== Mozilla Recommended Values ==
  
 
== Usage Examples ==
 
== Usage Examples ==
 +
<pre>table {border-right: thick #FFFFFF;}
 +
sets the right border-width to be thick and the border-color to be white.</pre>
 +
 +
<pre>table {border-right: thin dotted #000000;}
 +
sets the right border-width to be thin, border-style is set to dotted and the border-color
 +
is set to black.</pre>
  
 
== Notes ==
 
== Notes ==
  
 
== Specification Conformance  ==
 
== Specification Conformance  ==
 +
[http://www.w3.org/TR/CSS1#border-right CSS 1]<br />
 +
[http://www.w3.org/TR/CSS21/box.html#propdef-border-right CSS 2.1]<br />
 +
[http://www.w3.org/TR/2002/WD-css3-box-20021024/#the-border-width CSS 3]
  
 
== Browser Compatibility ==
 
== Browser Compatibility ==
  
 
== See Also ==
 
== See Also ==
 +
border-left<br />
 +
border-top<br />
 +
border-bottom

Latest revision as of 04:50, 12 December 2006

Summary

This property is a shorthand property for setting the border-right-width, border-style and the border-color in a single declaration.

  • Inherited: No

Syntax

TARGET_ELEMENT {border-right: border-width border-style border-color;}

Legal Values

  • border-width - thin | thick
  • border-style - dotted
  • border-color - #000000 - #FFFFFF

Mozilla Recommended Values

Usage Examples

table {border-right: thick #FFFFFF;}
sets the right border-width to be thick and the border-color to be white.
table {border-right: thin dotted #000000;}
sets the right border-width to be thin, border-style is set to dotted and the border-color
is set to black.

Notes

Specification Conformance

CSS 1
CSS 2.1
CSS 3

Browser Compatibility

See Also

border-left
border-top
border-bottom