View source for CSS GUIDE BORDER

== 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 ==