Validome-Logo

CSS - background-color

background-color, backgroundColor

Bestimmt für ein Element die Hintergrundfarbe.

Beispiel (HTML) 

<span style="background-color:#efefef;">Eine Text mit grauer Hintergrundfarbe</span>

1

Beispiel (Javascript) ausführen

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Javascript sample</title>
    <script type="text/javascript">
      function setBgColor() {
        document.getElementsByTagName('span')[0].style.backgroundColor = '#AAAAAA';
      }
    </script>
  </head>

  <body>
    <span onclick="setBgColor()">Diesen Text anklicken um die Hintergrundfarbe zu ändern</span>
  </body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Defaultwert: transparent
Vererbbar: Nein
Anzuwenden auf: Alle Elemente
Werte:
  • transparent
    Der Hintergrund wird transparent angezeigt.
  • Farbangaben
  • Inherit

Valid XHTML 1.0