Border-width: Skillnad mellan sidversioner

Versionen från 25 augusti 2015 kl. 23.42

Används för att sätta linjebredden på ett elements kantlinjer. Bredden kan anges med hjälp av alla CSS-måttenheter. 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.

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

@@ Rad 8: / Rad 8: @@
 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.
-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>.
 == Egenskaper ==