Border-width

Från Webbling
Hoppa till: navigering, sök

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