CSS background-color egenskab

Definition og brug

background-color Egenskaben sætter elementets baggrundsfarve.

Elementets baggrundsrækkevidde

background-color til at sætte et element en ren farve. Denne farve fylder elementets indhold, indrykning og kantområde, og strækker sig til elementets kantgrænse (men ikke inkluderer margin). Hvis der er gennemsigtige dele af kanterne (f.eks. en stregkant), vil baggrundsfarven vise igennem disse gennemsigtige dele.

transparent værdi

Selvom det i de fleste tilfælde ikke er nødvendigt at bruge transparentMen hvis du ikke ønsker, at et element skal have en baggrundsfarve, og du ikke ønsker, at brugerens farveindstillinger påvirker dit design, så indstil transparent Værdier er stadig nødvendige.

Se også:

CSS tutorial:CSS baggrund

HTML DOM referencehåndbog:backgroundColor-egenskaben

Eksempel

Indstil baggrundsfarve for forskellige elementer:

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

Prøv det selv

CSS-syntaks

background-color: color|transparent|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
color_name Definerer baggrundsfarve som farvenavn (f.eks. red).
hex_number Definerer baggrundsfarve som hexadecimal værdi (f.eks. #ff0000).
rgb_number Definerer baggrundsfarve som rgb-kode (f.eks. rgb(255,0,0)).
transparent Standard. Baggrundsfarven er transparent.
inherit Definerer, at baggrundsfarve-indstillingen skal arves fra forældreelementet.

Tekniske detaljer

Standardværdi: transparent
Arv: no
Version: CSS1
JavaScript-syntaks: object.style.backgroundColor="#00FF00"

Browser-understøttelse

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

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