Border-*-color

Från Webbling
Version från den 30 januari 2019 kl. 14.12 av PGJ (diskussion | bidrag) (→‎Egenskaper)
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

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

Används för att sätta linjefärgen på ett elements kantlinje.

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 ärvs, 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 jPjeVz by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

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