background-color: Hintergrundfarbe

0 | 4 Kommentare | 5779 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "background-color: Hintergrundfarbe" mit Ihrem Wissen!

Anzeige Hier werben

background-color

Werte: Farbwerte
Standardwert: transparent
Vererbung: nein
Anwendbar auf: alle Elemente
Kurzschreibweise: background
CSS-Level: CSS1, CSS2.1, CSS3

Mit background-color bestimmen Sie die Hintergrundfarbe eines Elementes.

Die Hintergrundfarbe kann für alle Elemente gesetzt werden. In neueren Browsern können mit dieser Eigenschaft auch halbtransparente Hintergründe erzeugt werden. Die Hintergrundfarbe kann auch gleichzeitig mit einem Hintergrundbild angegeben werden.

Werte

Wert
 Bedeutung
 Beispiel
Farbwerte Farbe und evtl. halbtransparenz des Hintergrunds
 background-color: #FFFFFF;
background-color: rgb(255, 255, 255);
background-color: white;
transparent durchsichtiger Hintergrund
 background-color: transparent;

Farbangaben für halbtransparente Hintergrundfarbe

Firefox2Nein3Unterstützt3.1Unbekannt
IE6Nein7Nein8Unbekannt
Opera9Nein9.5Unterstützt
Safari3Unterstützt3.1Unbekannt4Unterstützt
1%
Halbtransparente Hintergrundfarbe

Seit CSS 3 können Farben per hsla() oder rgba() Farbangaben auch eine Deckkraft bekommen. Dadurch können Hintergründe in einigen unterstützenden Browsern durchscheinend gestaltet werden.

Tipps

Text und Hintergrundfarbe zusammen angeben

Wenn eine Textfarbe angegeben wird, sollte auch immer eine Hintergrundfarbe angegeben werden und umgekehrt. Es sollte also immer beides angegeben werden. Dadurch wird sichergestellt, dass Einstellungen auf der Benutzerseite den Text nicht unlesbar machen. Ein Beispiel: Benutzer hat Hintergrund auf schwarz und Text auf weiß in seinen Standardeinstellungen im Browser gestellt. Wird jetzt auf der Seite nur der Text auf schwarz gestellt, sieht der Benutzer nichts.. . Soll der Text keinen sichtbaren Hintergrund erhalten, können Sie diesen mittels der Eigenschaft "transparent" versteckt werden.

Zu Hintergrundbildern auch Hintergrundfarbe angeben.

Wird ein Hintergrundbild angegeben, sollte auch immer eine Hintergrundfarbe angegeben werden, sonst kann es beim laden der Seite oft störend sein, da Text erst lesbar ist wenn das Hintergrundbild geladen wurde. Wenn Bilder gar nicht geladen werden, kann der Text gar nicht lesbar sein.

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 5 Personen an der Seite "background-color: Hintergrundfarbe" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "background-color: Hintergrundfarbe" hier bearbeiten.

Mitarbeiter
  • Michael Zaversnik
    Ich bin Schüler eines Gymnasiums und beschäftige mich in meiner Freizeit seit vielen Jahren mit HTML- und CSS-Programmierung. Außerdem interessiere ich mich für PHP (WordPress, Drupal, ...), Ruby und Ruby on Rails.
  • Holger V
    Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
  • Moritz Kern
    graphic, motion & web design - kernreaktor - mutter kind turnen
  • Thomas H
    arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
  • Kevin Gruesser
    Hat mittlerweile mehrere Projekte auf barrierefreier Ebene erstellt und betreut. Spezialisiert auf Online-Shops, richtet Er diese für Kunden ein, verknüpft diese mit allerhand WaWi's und CRM's, oder überprüft exisistierende Shops auf Fehler und Usability.

Kommentare: background-color: Hintergrundfarbe

Neuen Kommentar schreiben
Korrekturen
Beantworten

Hallo bearbeiter. Hab mal nen paar Hinzugefügt un korrigiert dass sie wie im Template für CSS-Eigenschaften aussehen:

  • Titel angepasst
  • CSS Level im Kasten durch Kommata gatrennt und verlinkt
  • Teile im Übersichtskasten durch Zeilenumbrüche getrennt
  • Bei werte das Bedeutungsfeld richtig gefüllt
  • Aus der Einführung den Syntax rausgenommen
  • "Anwendbar auf" hinzugefügt (ist jetzt neu hinzugekommen)

Dann noch Tipps dazu und die Anleitungen wir man Farbangaben macht entfernt. Nur den Spezialfall des Transparenten Hintergrunds hab ich hin, da das ja sehr interessant ist.

Thomas H am 16.07.2008 um 12:28
Farbangaben
Beantworten

Hallo Michael,

Hier würde ich nicht die verschiedenen Arten farben anzugeben erwähnen (ausser in einem Beispiel vielleicht), sondern lieber nur auf den Farbangaben-artikel verlinken. (Es gibt ja noch viel mehr Farbangaben).

Ich würde also bei werte nur Farbangabe hinschreiben.

Thomas H am 15.07.2008 um 18:47
Re: Farbangaben
Beantworten

hab ich gemacht

Michael Zaversnik am 15.07.2008 um 18:54
Re: Farbangaben
Beantworten

Deine Änderung wurde ausversehen überschrieben (da müssen wir uns mal was überlegen). Hab das ganze nochmal gemacht und erweitert.

Thomas H am 16.07.2008 um 12:04