1
edit
Changes
no edit 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.
* Initial value: see individual properties for details
* Applies to: all elements
* Inherited: no
* Percentages: N/A
* Media: visual
* Computed value: see individual properties
== Syntax ==
<pre>
border-top: [border-width || border-style || border-color | inherit] ;
</pre>
== Legal Values ==
'''border-width'''
* See [[CSS_GUIDE_BORDER-WIDTH | border-width]].
'''border-style'''
* See [[CSS_GUIDE_BORDER-STYLE | border-style]].
'''border-color'''
* See [[CSS_GUIDE_BORDER-COLOR | border-color]].
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
element {
border-top: 1px solid #000;
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#border-top CSS 1]
* [http://www.w3.org/TR/CSS21/box.html#propdef-border-top CSS 2.1]
* [http://www.w3.org/TR/css3-background/#the-border-shorthands CSS 3]
== Browser Compatibility ==
== See Also ==
[[CSS_GUIDE_BORDER | border]], [[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]]
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
* Applies to: all elements
* Inherited: no
* Percentages: N/A
* Media: visual
* Computed value: see individual properties
== Syntax ==
<pre>
border-top: [border-width || border-style || border-color | inherit] ;
</pre>
== Legal Values ==
'''border-width'''
* See [[CSS_GUIDE_BORDER-WIDTH | border-width]].
'''border-style'''
* See [[CSS_GUIDE_BORDER-STYLE | border-style]].
'''border-color'''
* See [[CSS_GUIDE_BORDER-COLOR | border-color]].
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
element {
border-top: 1px solid #000;
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#border-top CSS 1]
* [http://www.w3.org/TR/CSS21/box.html#propdef-border-top CSS 2.1]
* [http://www.w3.org/TR/css3-background/#the-border-shorthands CSS 3]
== Browser Compatibility ==
== See Also ==
[[CSS_GUIDE_BORDER | border]], [[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]]