Border-width

Från Webbling
Hoppa till: navigering, sök
Den utskrivbara versionen stöds inte längre och kanske innehåller renderingsfel. Uppdatera din webbläsares bokmärken och använd standardutskriftsfunktionen istället.

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