Color: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Ingen redigeringssammanfattning
 
Rad 27: Rad 27:


== Exempel ==
== Exempel ==
Sätt vit textfärg:
<syntaxhighlight lang="css">
body {
  color: white;
}
</syntaxhighlight>
Sätt mörkgrå textfärg:
<syntaxhighlight lang="css">
body {
  color: #202020;
}
</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. 15.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>

See the Pen YBpLpy by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

http://dev.w3.org/csswg/css-color-3/#color