Border-color

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

Används för att sätta linjefärgen på ett elements kantlinjer. 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.

Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om färg.

Egenskaper

Parametrar <färgvärde> | currentColor | transparent | inherit
Defaultvärde Nuvarande färgvärde som definierats med hjälp av color.
Ärvs? Nej
Animerbart? Ja
Fungerar med... Alla element, förutom vissa grupperingselement för tabeller.

Om du vill veta mer om hur man anger färgvärde, kan du gå till sektionen om färg.

currentColor och inherit är samma sak och betyder att färgen ärvs ifrån föräldraelementet. Då color ärs, så behövs sällan dessa två värden.

Värdet transparent gör färgen helt genomskinlig, dvs osynlig. Om du vill ha något halvgenomskinligt så vill du antagligen använda ett alfavärde, titta i färg-sektionen för mer info om detta.

Exempel

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

Egenskapens definition

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