CSS color egenskap

Definition och användning

color-attributet reglerar textfärgen.

Denna egenskap ställer in en elements förgrundsfärg (i HTML-visningen är det elementets textfärg); rasterbilder påverkas inte av color. Denna färg tillämpas också på elementets alla kanter, om inte överskriden av border-color eller en annan kantfärgsegenskap.

Det enklaste sättet att ställa in en elements förgrundsfärg är att använda color-attributet.

Se också:

CSS-lärar:CSS text

HTML DOM referenshandbok:color-attributet

Exempel

Ställ in textfärg för olika element:

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

Prova själv

Tips och kommentarer

Tips:Använd rimliga bakgrundsfärger och textfärger för att förbättra läsbarheten.

CSS-syntax

color: color|initial|inherit;

Egenskapsvärde

Värde Beskrivning
color_name Detaljerar att färgen är en färgnamn (t.ex. röd).
hex_number Detaljerar att färgen är en hexadecimal värde (t.ex. #ff0000).
rgb_number Detaljerar att färgen är en rgb-kod (t.ex. rgb(255,0,0)).
inherit Detaljerar att färgen bör härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvbarhet: ja
Version: CSS1
JavaScript-syntax: object.style.color="#FF0000"

Mer exempel

Ställ in textfärg
Detta exempel visar hur du ställer in textfärgen.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5