1
edit
Changes
no edit summary
<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 ==
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 ==
<pre>
border: [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: 1px solid #000;
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#border CSS 1]
* [http://www.w3.org/TR/CSS21/box.html#box-border-area CSS 2.1]
* [http://www.w3.org/TR/css3-background/#the-border-shorthands CSS 3]
== Browser Compatibility ==
<table width="350">
<tr>
<td>Browser</td>
<td>Lowest Version</td>
</tr>
<tr>
<td>Internet Explorer</td>
<td>4</td>
</tr>
<tr>
<td>Firefox</td>
<td>1</td>
</tr>
<tr>
<td>Netscape</td>
<td>4</td>
</tr>
<tr>
<td>Opera</td>
<td>3.5</td>
</tr>
</table>
== See Also ==
== 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 ==
<pre>
border: [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: 1px solid #000;
}
</pre>
== Notes ==
== Specification Conformance ==
* [http://www.w3.org/TR/CSS1#border CSS 1]
* [http://www.w3.org/TR/CSS21/box.html#box-border-area CSS 2.1]
* [http://www.w3.org/TR/css3-background/#the-border-shorthands CSS 3]
== Browser Compatibility ==
<table width="350">
<tr>
<td>Browser</td>
<td>Lowest Version</td>
</tr>
<tr>
<td>Internet Explorer</td>
<td>4</td>
</tr>
<tr>
<td>Firefox</td>
<td>1</td>
</tr>
<tr>
<td>Netscape</td>
<td>4</td>
</tr>
<tr>
<td>Opera</td>
<td>3.5</td>
</tr>
</table>
== See Also ==
