Color: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med '<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]...')
 
 
(6 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 färgen på linjen ifrån 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 [[färg]].
== Egenskaper ==
{| class="wikitable"
| Parametrar
| <''färgvärde''> &#x7c; <code>currentColor</code> &#x7c; <code>transparent</code> &#x7c; <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 ==
</syntaxhighlight>
<codepen pen="YBpLpy" tab="html,result" height="200">
</codepen>

== Egenskapens definition ==
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>

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

Egenskapens definition

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