Border-color

Från Webbling
Version från den 23 augusti 2015 kl. 23.18 av PGJ (diskussion | bidrag) (Skapade sidan med '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 en parameter, kommer det att gälla...')
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
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 en parameter, kommer det att gälla för alla kantlinjerna.

Om man anger två parametrar; Den första gäller för topp- och bottenkant och den andra för höger- och vänsterkant.

Om man anger tre parametrar; Den första att gäller för toppkanten. Den andra för höger- och vänsterkanterna. Den tredje gäller för bottenkanten.

Om man anger fyra parametrar; Den första gäller för toppen. Den andra för högerkanten. Den tredje för botten. Den 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