CSS background-color egenskap

Definition och användning

background-color Egenskapen sätter elementets bakgrundsfärg.

Elementets bakgrundsomfattning

background-color Sätt en ren färg på elementet. Denna färg fyller elementets innehåll, inre marginaler och kantområden, och sträcker sig till elementets kantgräns (men inte inklusive marginaler). Om kanten har genomskinliga delar (t.ex. en linje med punkter), kommer bakgrundsfärgen att visa igenom dessa genomskinliga delar.

transparent-värdet

Trots att det i de flesta fall inte är nödvändigt att använda transparentMen om du inte vill att ett element ska ha en bakgrundsfärg och samtidigt inte vilja att användarens webbläsarinställningar påverkar ditt design, sätt transparent Värden är nödvändiga.

Se också:

CSS-lärCSS bakgrund

HTML DOM Referenshandbok:backgroundColor-egenskapen

Exempel

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

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde Beskrivning
color_name Definierar bakgrundsfärgen med färgnamn (t.ex. red).
hex_number Definierar bakgrundsfärgen med hexadecimalt värde (t.ex. #ff0000).
rgb_number Definierar bakgrundsfärgen med rgb-kod (t.ex. rgb(255,0,0)).
transparent Standard. Bakgrundsfärgen är transparent.
inherit Definierar att bakgrundsfärgens inställning bör ärva från föräldrelementet.

Tekniska detaljer

Standardvärde: transparent
Arv: no
Version: CSS1
JavaScript-syntax: object.style.backgroundColor="#00FF00"

Webbläsarstöd

Tabellen siffror anger den första webbläsarens version som fullständigt stöder egenskapen.

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