Border-*-color: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) |
||
(En mellanliggande sidversion av samma användare visas inte) | |||
Rad 25: | Rad 25: | ||
Om du vill veta mer om hur man anger ''färgvärde'', kan du gå till sektionen om [[färg]]. | 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> | <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. | 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. | ||
== Exempel == | == Exempel == | ||
<codepen pen="jPjeVz" height=" | <codepen pen="jPjeVz" height="300" tab="css,result"> | ||
</codepen> | </codepen> | ||
== Egenskapens definition == | == Egenskapens definition == | ||
https://drafts.csswg.org/css-backgrounds-3/#border-color | https://drafts.csswg.org/css-backgrounds-3/#border-color |
Nuvarande version från 30 januari 2019 kl. 14.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.