Border-*-color: Skillnad mellan sidversioner

Nuvarande version från 30 januari 2019 kl. 16.12

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

@@ Rad 25: / Rad 25: @@
 Om du vill veta mer om hur man anger ''färgvärde'', kan du gå till sektionen om [[färg]].
-<code>currentColor</code> och <code>inherit</code> är samma sak och betyder att färgen ärvs ifrån föräldraelementet. Då <code>color</code> ärs, så behövs sällan dessa två värden.
+<code>currentColor</code> och <code>inherit</code> är samma sak och betyder att färgen ärvs ifrån föräldraelementet. Då <code>color</code> ärvs, så behövs sällan dessa två värden.
 Värdet <code>transparent</code> 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.