4. Färg

Färger är något som är flitigt använt på Internet, främst i semantisk betydelse då man vill skilja på betydelse i olika delar av ett dokument. När man ska ange en färg i ett dokument med CSS så finns det två sätt att göra detta. Antingen kan man ange en av standardfärgernas namn, eller ange en färgs kod. Standardfärgerna är sexton stycken och är hämtade från Windows VGA-palett. Dessa är aqua, grey, navy, teal, black, green, olive, silver, blue, lime, purple, white, fuchsia, maroon, red och yellow. Koder anges med en fördelning av Red, Green och Blue. Detta kan ske antingen med RGB-kodning eller hexadecimal kodning. Båda fungerar på ett likvärdigt sätt, men anges olika. RGB-koden för ljusbeige ser ut så här: {204, 204, 153}, medan hexadecimalkoden ser ut så här: {#CCCC99}.

color
Color-elementet anger teckensnittsfärgen i det aktuella stycket.

Ex.

<body>
   <div style="color: fuchsia">
      Den här texten är fuchsiarosa.
   </div>
   <div style="color: #009966">
      Den här texten är skogsgrön.
   </div>
</body>

Detta ger följande resultat:

Den här texten är fuchsiarosa.
Den här texten är skogsgrön.

Valid XHTML 1.1!