CSS color egenskab

Definition og brug

color egenskab specificerer tekstdybfarven.

Denne egenskab sætter en elements forgrundsfarve (i HTML visning, er det elementets tekstfarve); rasterbilleder påvirkes ikke af color. Denne farve anvendes også til elementets alle kanter, medmindre den overkræves af border-color eller en anden kantfarveegenskab.

Den nemmeste måde at sætte en elements forgrundsfarve på er ved at bruge color egenskaben.

Se også:

CSS undervisning:CSS Tekst

HTML DOM referencehåndbog:color egenskab

Eksempel

Indstil tekstdybfarve for forskellige elementer:

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

Prøv det selv

Tip og bemærkninger

Tip:Vælg rimelige baggrundsfarver og tekstdybfarver, så kan du forbedre læsbarheden af teksten.

CSS syntaks

color: color|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
color_name Det specificeres, at farven er en farve ved navn (f.eks. rød).
hex_number Det specificeres, at farven er en farve i hexadecimalværdi (f.eks. #ff0000).
rgb_number Det specificeres, at farven er en rgb-kode (f.eks. rgb(255,0,0)).
inherit Det specificeres, at farven skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arvbarhed: ja
Version: CSS1
JavaScript syntaks: object.style.color="#FF0000"

Flere eksempler

Sæt tekstdybfarve
Dette eksempel viser, hvordan du sætter tekstdybfarve.

Browserunderstøttelse

Tabellennumre angiver den første browserversion, der fuldt ud understøtter egenskaben.

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