mozilla

Compare Revisions

border-width

Change Revisions

Revision 20679:

Revision 20679 by Jürgen Jeka on

Revision 20680:

Revision 20680 by Jürgen Jeka on

Title:
border-width
border-width
Slug:
CSS/border-width
CSS/border-width
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 20679
Revision 20680
n14      border-width sets the width of the border of a box.n14      The {{ cssxref("border-width") }} CSS property sets the wid
 >th of the border of a box.
n34 border-width: <border-width> {1,4}n34 border-width:  <border-width> {1,4}
nn39    <p>
40      Accepts one, two, three or four <code>&lt;border-width&gt;<
 >/code> values. These whitespace separated values set the width of
 > the top, right, bottom, and left border of a box.
41    </p>
42    <p>
43      If <strong>one</strong> value is set, this width applies to
 > <strong>all 4 sides</strong>.<br>
44      If <strong>two</strong> values are set, the <strong>first</
 >strong> applies to <strong>top and bottom</strong>, the <strong>s
 >econd</strong> applies to the <strong>right and left</strong> sid
 >e.<br>
45      <strong>Three</strong> values apply to the top, right and b
 >ottom side. The left side takes the second value.<br>
46      <strong>Four</strong> values apply to the <strong>top, righ
 >t, bottom, left</strong> side in that order.
47    </p>
n44        is:&nbsp;&nbsp; {{ Xref_csslength() }} <code>| thin | medn53        is one value or keyword of:&nbsp;&nbsp; {{ Xref_csslength
>ium | thick</code><br>>() }} <code>| thin | medium | thick</code><br>
45        One, two, three or four {{ Xref_csslength() }} values and
>/or keywords.<br> 
46        If <strong>one</strong> value is set, this width applies 
>to <strong>all 4 sides</strong>.<br> 
47        If <strong>two</strong> values are set, the <strong>first
></strong> applies to <strong>top and bottom</strong>, the <strong 
>>second</strong> applies to the <strong>right and left</strong> s 
>ide.<br> 
48        <strong>Three</strong> values apply to the top, right and
> bottom side. The left side takes the second value.<br> 
49        <strong>Four</strong> values apply to the <strong>top, ri
>ght, bottom, left</strong> side in that order. 
n67        Depends on the UA. Typically <strong>5px</strong> in deskn71        Depends on the UA. Typically <strong>5px</strong> in desk
>top browsers like Firefox, Safari, Opera. <strong>6px</strong> in>top browsers like Firefox, Safari, Opera. <strong>6px</strong> in
> IE.<br>> IE.
n70        <a class="internal" href="/en/CSS/length" title="en/CSS/ln74        &lt;length&gt;
>ength">&lt;length&gt;</a> 
n73        The border's thickness has an explicit value. Cannot be nn77        The border's thickness has an explicit value. Cannot be n
>egative.>egative. See {{ Xref_csslength() }} for possible units.
n86      <li>{{ Cssxref("border-top-width") }}n90      <li>{{ Cssxref("border-top-width") }}&nbsp;
n89    <p>n
90      &nbsp;
91    </p>
n118    <p>n119    <h3>
119      &nbsp;
120    </p>
121    <h3 name="Specifications">
n125      <li>n
126        <a class="external" href="http://www.w3.org/TR/CSS1#borde
>r-width">CSS 1</a> 
127      </li>
n153            &nbsp;n148            &nbsp;<strong>4.0</strong>
n158            Firefoxn153            Firefox (Gecko)
n161            &nbsp;n156            &nbsp;<strong>1.0</strong> (1.0)
162          </td>
163        </tr>
164        <tr>
165          <td>
166            Netscape
167          </td>
168          <td>
169            &nbsp;
n177            &nbsp;n164            &nbsp;<strong>3.5</strong>
165          </td>
166        </tr>
167        <tr>
168          <td>
169            Safari (WebKit)
170          </td>
171          <td>
172            &nbsp;<strong>1.0</strong> (85)
n182    <p>n177    <h3>
183      &nbsp;
184    </p>
185    <h3 name="See_Also">
186      See Also178      &nbsp;See Also
t189      {{ Cssxref("border") }}, {{ Cssxref("border-style") }}, {{ t181      {{ Cssxref("border") }}, {{ Cssxref("border-style") }}, {{ 
>Cssxref("border-color") }},>Cssxref("border-color") }}

Back to History