Difference between revisions of "CSS BORDER TOP"

From CDOT Wiki
Jump to: navigation, search
 
m (Summary)
 
Line 1: Line 1:
 
== Summary ==
 
== Summary ==
  
The border-top is a shorthand property for setting the width, style and color of top border of a box. This property can be used to set the values for one or more of: [[CSS_GUIDE_BORDER-TOP-WIDTH | border-top-width]], [[CSS_GUIDE_BORDER-TOP-STYLE | border-top-style]], and [[CSS_GUIDE_BORDER-TOP-COLOR | border-top-color]]. Omitted values are set to their initial values.
+
The '''border-top''' is a shorthand property for setting the width, style and color of top border of a box. This property can be used to set the values for one or more of: [[CSS_GUIDE_BORDER-TOP-WIDTH | border-top-width]], [[CSS_GUIDE_BORDER-TOP-STYLE | border-top-style]], and [[CSS_GUIDE_BORDER-TOP-COLOR | border-top-color]]. Omitted values are set to their initial values.
  
 
* Initial value: see individual properties for details
 
* Initial value: see individual properties for details
Line 8: Line 8:
 
* Percentages: N/A
 
* Percentages: N/A
 
* Media: visual
 
* Media: visual
* Computed value: see individual properties  
+
* Computed value: see individual properties
  
 
== Syntax ==
 
== Syntax ==

Latest revision as of 16:10, 13 December 2006

Summary

The border-top is a shorthand property for setting the width, style and color of top border of a box. This property can be used to set the values for one or more of: border-top-width, border-top-style, and border-top-color. Omitted values are set to their initial values.

  • 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-top: [border-width || border-style || border-color | inherit] ;

Legal Values

border-width

border-style

border-color

Mozilla Recommended Values

Usage Examples

element { 
    border-top: 1px solid #000;
}

Notes

Specification Conformance

Browser Compatibility

See Also

border, border-top-width, border-top-style, and border-top-color