CSS background-color Eigenschap

Aanbevolen cursus:

Bereik van de elementenachtergrond Definitie en gebruik

De eigenschap stelt de achtergrondkleur van het element in.

Bereik van de elementenachtergrond background-color

de eigenschap voor een element een eenvoudige kleur te geven. Deze kleur vult de inhoud, de binnenafstand en de randregio van het element, en strekt zich uit tot de buitenrand van het element (maar niet de marges). Als de rand een transparante deel heeft (zoals een gestreepte rand), wordt de achtergrondkleur door deze transparante delen getoond.

transparent waarde transparentHoewel het in de meeste gevallen niet nodig is om transparent De waarde is nog steeds nodig.

Zie ook:

CSS handleiding:CSS achtergrond

HTML DOM referentiehandleiding:backgroundColor eigenschap

Voorbeeld

Geef verschillende elementen een achtergrondkleur:

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

Probeer het zelf uit

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
color_name Het beschrijft de achtergrondkleur met de naam van de kleur (bijv. rood).
hex_number Het beschrijft de achtergrondkleur met de hexadecimale waarde (bijv. #ff0000).
rgb_number Het beschrijft de achtergrondkleur met de rgb-code (bijv. rgb(255,0,0)).
transparent Standaard. De achtergrondkleur is transparant.
inherit Het beschrijft dat de instelling van de achtergrondkleur van het ouderlement moet worden geërfd.

Technische details

Standaardwaarde: transparent
Inheritsheid: no
Versie: CSS1
JavaScript syntaxis: object.style.backgroundColor="#00FF00"

Browserondersteuning

De tabelnummers geven de eerste browserversie aan die de eigenschap volledig ondersteunt.

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