Color: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) |
||
| (3 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 1: | Rad 1: | ||
<code>[[color]]</code> används för att ändra förgrundsfärg. Detta gäller främst färgen på text. Andra saker som påverkas av förgrundsvalet är t.ex. <code>[[border]]</code> (om man inte anger en specifik färg för detta), färgen på innehållsmarkeringar i <code>[[ul|oordnade listor]]</code> och linjefärgen för en <code>[[hr]]</code>. | <code>[[color]]</code> används för att ändra förgrundsfärg. Detta gäller främst färgen på text. Andra saker som påverkas av förgrundsvalet är t.ex. <code>[[border]]</code> (om man inte anger en specifik färg för detta), färgen på innehållsmarkeringar i <code>[[ul|oordnade listor]]</code> och linjefärgen för en <code>[[hr]]</code>. | ||
Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[ | Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]]. | ||
== Egenskaper == | |||
{| class="wikitable" | |||
| Parametrar | |||
| <''färgvärde''> | <code>currentColor</code> | <code>transparent</code> | <code>inherit</code> | |||
|- | |||
| Defaultvärde | |||
| Sätts av webbläsaren, ofta svart. | |||
|- | |||
| Ärvs? | |||
| Ja | |||
|- | |||
| Animerbart? | |||
| Ja | |||
|- | |||
| Fungerar med... | |||
| Alla element | |||
|} | |||
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. | |||
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 == | ||
</syntaxhighlight> | </syntaxhighlight> | ||
<codepen pen="YBpLpy" tab="html,result" height="200"> | |||
</codepen> | |||
== Egenskapens definition | == Egenskapens definition == | ||
http://dev.w3.org/csswg/css-color-3/#color | http://dev.w3.org/csswg/css-color-3/#color | ||
Nuvarande version från 30 januari 2019 kl. 13.59
color används för att ändra förgrundsfärg. Detta gäller främst färgen på text. Andra saker som påverkas av förgrundsvalet är t.ex. border (om man inte anger en specifik färg för detta), färgen på innehållsmarkeringar i oordnade listor och linjefärgen för en hr.
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 | Sätts av webbläsaren, ofta svart. |
| Ärvs? | Ja |
| Animerbart? | Ja |
| Fungerar med... | Alla element |
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
</syntaxhighlight>