---
title: border-width
slug: Web/CSS/border-width
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: Web/CSS/border-width
---
<p>{{ CSSRef() }}</p>

<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>

<p><code>border-width</code> ustawia szerokość obramowania bloku.</p>

<ul>
 <li>{{ Xref_cssinitial() }}: {{ Cssxref("medium") }}</li>
 <li>Stasowana do: wszystkich elementów</li>
 <li>{{ Xref_cssinherited() }}: nie</li>
 <li>Procenty: niedostępne</li>
 <li>Media: {{ Xref_cssvisual() }}</li>
 <li>{{ Xref_csscomputed() }}: długość całkowita; '0' jeśli stylem obramowania jest <code>none</code> lub <code>hidden</code></li>
</ul>

<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>

<pre class="eval">border-width: &lt;border-width&gt; {1,4} | inherit
</pre>

<h3 id="Warto.C5.9Bci_.3Cborder-width.3E" name="Warto.C5.9Bci_.3Cborder-width.3E">Wartości &lt;border-width&gt;</h3>

<dl>
 <dt><strong>&lt;border-width-value&gt;</strong></dt>
 <dd><code>thin | medium | thick | </code> {{cssxref("&lt;length&gt;")}} <code>|</code> {{cssxref("&lt;percentage&gt;")}}</dd>
 <dt>thin</dt>
 <dd>Cienkie obramowanie.</dd>
 <dt>medium</dt>
 <dd>Średnie obramowanie.</dd>
 <dt>thick</dt>
 <dd>Grube obramowanie.</dd>
 <dt>&lt;length&gt;</dt>
 <dd>Grubość obramowania ma sprecyzowaną wartość. Sprecyzowana szerokość obramowania nie może być ujemna.</dd>
 <dt>&lt;percentage&gt;</dt>
 <dd>Grubość obramowania ma wartość procentową, w procentach szerokości zawierającego bloku. Sprecyzowane szerokości nie mogą być ujemne.</dd>
</dl>

<p>Uwaga: Wartość <code>em</code> jest również dopuszczalna.</p>

<h3 id="Powi.C4.85zane_w.C5.82asno.C5.9Bci" name="Powi.C4.85zane_w.C5.82asno.C5.9Bci">Powiązane własności</h3>

<ul>
 <li>{{ Cssxref("border-bottom-width") }}</li>
 <li>{{ Cssxref("border-left-width") }}</li>
 <li>{{ Cssxref("border-right-width") }}</li>
 <li>{{ Cssxref("border-top-width") }}</li>
</ul>

<p> </p>

<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>

<p><a href="/samples/cssref/border.html">Zobacz przykład</a></p>

<pre>element {
    border-width: thin;
    border-style: solid;
    border-color: #000;
}
</pre>

<h3 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h3>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/CSS1#border-width">CSS 1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties">CSS 2.1</a></li>
 <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-width">CSS 3</a></li>
</ul>

<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85">Zgodność z przeglądarką</h3>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Przeglądarka</th>
   <th>Najniższa wersja</th>
  </tr>
  <tr>
   <td>Internet Explorer</td>
   <td> </td>
  </tr>
  <tr>
   <td>Firefox</td>
   <td> </td>
  </tr>
  <tr>
   <td>Netscape</td>
   <td> </td>
  </tr>
  <tr>
   <td>Opera</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<p> </p>

<h3 id="Zobacz_r.C3.B3wnie.C5.BC" name="Zobacz_r.C3.B3wnie.C5.BC">Zobacz również</h3>

<p>{{ Cssxref("border") }}, {{ Cssxref("border-style") }}, {{ Cssxref("border-color") }},</p>

<p>{{ languages( { "de": "de/CSS/border-width", "en": "en/CSS/border-width", "es": "es/CSS/border-width", "fr": "fr/CSS/border-width", "ja": "ja/CSS/border-width" } ) }}</p>