CSS background-color ominaisuus

Määritelmä ja käyttö

background-color Ominaisuus asettaa elementin taustavärin.

Elementin taustan laajuus

background-color Aseta elementille yksi puhtainen väri. Tämä väri täyttää elementin sisällön, sisäpiirin ja reunan alueet, ulottuen elementin reunan ulkopuolelle (mutta ei ulkopuolisiin margineihin). Jos reunalla on läpinäkyviä osia (esim. viivainen reunaviiva), näkyvät läpinäkyvät osat näyttävät taustaväriä.

läpinäkyvä-arvo

Vaikka useimmissa tapauksissa ei ole tarvetta käyttää läpinäkyväKuitenkin, jos et halua tiettyä elementtiä omaavan taustaväriä ja et halua käyttäjän selaimen väriasetusten vaikuttavan suunnitteluunsi, aseta läpinäkyvä Arvo on edelleen tarpeen.

Katso myös:

CSS-opetus:CSS tausta

HTML DOM -viittausoppaisiin:backgroundColor-ominaisuus

Esimerkki

Aseta taustaväri eri elementeille:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
color_name Määritellään taustaväri, jonka arvon on oltava väri nimellä (esim. punainen).
hex_number Määritellään taustaväri, jonka arvon on oltava heksadesimaalina (esim. #ff0000).
rgb_number Määritellään taustaväri, jonka arvon on oltava rgb-koodina (esim. rgb(255,0,0)).
läpinäkyvä Oletus. Taustaväri on läpinäkyvä.
inherit Määritellään, että taustaväri-ominaisuuden asetukset pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: läpinäkyvä
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.backgroundColor="#00FF00"

Selaimen tuki

Taulukossa olevat numerot antavat tietää ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

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