1
edit
Changes
border-width CSS property
<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 ==
Border width property sets the width of the four borders in one declaration. This property does not work alone and has to be used with [[CSS_GUIDE_BORDER_STYLE|border-style]].
== Syntax ==
Can have from one to four values.
border-width: [top_left_bottom_right_width]
border-width: [top_bottom_width left_right_width]
border-width: [top_width left_right_width bottom_width]
border-width: [top_width right_width bottom_width left_width]
== Legal Values ==
<table border = "1" width="350">
<tr>
<th>Value</th>
<th>Description</th>
</tr>
<tr>
<td>thin</td>
<td>Defines a thin border</td>
</tr>
<tr>
<td>medium</td>
<td>Defines a medium border</td>
</tr>
<tr>
<td>thick</td>
<td>Defines a thick border</td>
</tr>
<tr>
<td>length</td>
<td>Allows you to define a custom size</td>
</tr>
</table>
== Mozilla Recommended Values ==
== Usage Examples ==
<html>
<head>
<style type="text/css">
p.one
{
border-style: solid;
border-width: 10px 5px;
}
p.two
{
border-style: solid;
border-width: thin medium thick;
}
</style>
</head>
<body>
<nowiki>
<p classs="one">Some text</p>
<p class="two">Some text</p>
</nowiki>
</body>
</html>
== Notes ==
== Specification Conformance ==
[http://www.w3.org/TR/CSS1#border-width CSS1]
== Browser Compatibility ==
Firefox,Netscape,Opera,IE
== See Also ==
[[CSS_GUIDE_BORDER_STYLE|border-style]]
[[CSS_GUIDE_BORDER|border]]
[[CSS_GUIDE_BORDER_TOP|border-top]]
[[CSS_GUIDE_BORDER_RIGHT|border-right]]
[[CSS_GUIDE_BORDER_BOTTOM|border-bottom]]
[[CSS_GUIDE_BORDER_LEFT|border-left]]
== Summary ==
Border width property sets the width of the four borders in one declaration. This property does not work alone and has to be used with [[CSS_GUIDE_BORDER_STYLE|border-style]].
== Syntax ==
Can have from one to four values.
border-width: [top_left_bottom_right_width]
border-width: [top_bottom_width left_right_width]
border-width: [top_width left_right_width bottom_width]
border-width: [top_width right_width bottom_width left_width]
== Legal Values ==
<table border = "1" width="350">
<tr>
<th>Value</th>
<th>Description</th>
</tr>
<tr>
<td>thin</td>
<td>Defines a thin border</td>
</tr>
<tr>
<td>medium</td>
<td>Defines a medium border</td>
</tr>
<tr>
<td>thick</td>
<td>Defines a thick border</td>
</tr>
<tr>
<td>length</td>
<td>Allows you to define a custom size</td>
</tr>
</table>
== Mozilla Recommended Values ==
== Usage Examples ==
<html>
<head>
<style type="text/css">
p.one
{
border-style: solid;
border-width: 10px 5px;
}
p.two
{
border-style: solid;
border-width: thin medium thick;
}
</style>
</head>
<body>
<nowiki>
<p classs="one">Some text</p>
<p class="two">Some text</p>
</nowiki>
</body>
</html>
== Notes ==
== Specification Conformance ==
[http://www.w3.org/TR/CSS1#border-width CSS1]
== Browser Compatibility ==
Firefox,Netscape,Opera,IE
== See Also ==
[[CSS_GUIDE_BORDER_STYLE|border-style]]
[[CSS_GUIDE_BORDER|border]]
[[CSS_GUIDE_BORDER_TOP|border-top]]
[[CSS_GUIDE_BORDER_RIGHT|border-right]]
[[CSS_GUIDE_BORDER_BOTTOM|border-bottom]]
[[CSS_GUIDE_BORDER_LEFT|border-left]]
