Border-width

Används för att sätta linjebredden på ett elements kantlinjer. Bredden kan anges med hjälp av alla CSS-måttenheter, förutom procent. Det här egenskapen kan ta mellan en och fyra parametrar.

Om man anger ett värde, kommer det att gälla för alla kantlinjerna.

Om man anger två värden; Det första gäller för topp- och bottenkant och det andra för höger- och vänsterkant.

Om man anger tre värden; Det första att gäller för toppkanten. Det andra för höger- och vänsterkanterna. Det tredje gäller för bottenkanten.

Om man anger fyra värden; Det första gäller för toppen. Det andra för högerkanten. Det tredje för botten. Det fjärde för vänsterkanten.

Egenskaper

Parametrar	<breddvärde> | thin | medium |thick | inherit
Defaultvärde	medium
Ärvs?	Nej
Animerbart?	Ja, som breddvärde.
Fungerar med...	Alla element

Storleken på breddvärde kan anges med hjälp av alla CSS-måttenheter, förutom procent.

thin Skapar en tunn kantlinje.

medium Skapar en halvtjock kantlinje.

thick Skapar en tjock kantlinje.

inherit egenskapen ärvs ifrån motsvarande egenskapen i föräldraelementet.

Exempel

See the Pen NqQxKK by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

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