Border-width

Från Webbling
Version från den 23 augusti 2015 kl. 23.35 av PGJ (diskussion | bidrag) (Skapade sidan med '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 mel...')
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
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. 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.

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

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