Visa källa för Border-*-width

Den här sidan är en beskrivning för flera olika CSS-egenskaper som i stort sett är likadana. I <code>border-*-width</code> ska "<code>*</code>" vara någon av följande <code>bottom</code>, <code>left</code>, <code>right</code> eller <code>top</code>.

Används för att sätta bredden på ett elements kantlinje. Bredden kan anges med hjälp av alla [[Måttenheter_i_CSS|CSS-måttenheter]].

== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''breddvärde''> &#x7c; <code>thin</code> &#x7c; <code>medium</code> &#x7c;<code>thick</code> &#x7c; <code>inherit</code>
|-
| Defaultvärde
| <code>medium</code>
|-
| Ärvs?
| Nej
|-
| Animerbart?
| Ja, som ''breddvärde''.
|-
| Fungerar med...
| Alla element
|}

Storleken på ''breddvärde'' kan anges med hjälp av alla [[Måttenheter_i_CSS|CSS-måttenheter]].

<code>thin</code> Skapar en tunn kantlinje.

<code>medium</code> Skapar en halvtjock kantlinje.

<code>thick</code> Skapar en tjock kantlinje.

<code>inherit</code> egenskapen ärvs ifrån motsvarande egenskapen i föräldraelementet.

== Exempel ==
<codepen pen="doBgWY" height="300" tab="css,result">
</codepen>

== Egenskapens definition ==
https://drafts.csswg.org/css-backgrounds-3/#border-width