Difference between revisions of "CSS GUIDE BORDER"

From CDOT Wiki
Jump to: navigation, search
 
 
Line 1: Line 1:
<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
 
 
 
== Summary ==
 
== Summary ==
 
The '''border''' property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: '''border-width''', '''border-style''', '''border-color'''.
 
The '''border''' property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: '''border-width''', '''border-style''', '''border-color'''.
Line 21: Line 19:
 
'''border-width'''
 
'''border-width'''
  
See [[CSS_GUIDE_BORDER_WIDTH|border-width]].  
+
* See [[CSS_GUIDE_BORDER_WIDTH|border-width]].  
  
 
'''border-style'''  
 
'''border-style'''  
  
See [[CSS_GUIDE_BORDER_STYLE|border-style]].  
+
* See [[CSS_GUIDE_BORDER_STYLE|border-style]].  
  
 
'''border-color'''  
 
'''border-color'''  
  
See [[CSS_GUIDE_BORDER_COLOR|border-color]].
+
* See [[CSS_GUIDE_BORDER_COLOR|border-color]].
  
 
== Mozilla Recommended Values ==
 
== Mozilla Recommended Values ==

Latest revision as of 16:38, 13 December 2006

Summary

The border property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.

  • Initial value: see individual properties for details
  • Applies to: all elements
  • Inherited: no
  • Percentages: N/A
  • Media: visual
  • Computed value: see individual properties

Syntax

border: [border-width || border-style || border-color | inherit] ;

Legal Values

border-width

border-style

border-color

Mozilla Recommended Values

Usage Examples

element { 
    border: 1px solid #000;
}

Notes

Specification Conformance

Browser Compatibility

Browser Lowest Version
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

See Also