Farben

(Auszug aus "XML in a Nutshell" von Elliotte Rusty Harold & W. Scott Means)

CSS verfügt über mehrere Properties zum Ändern der Farben verschiedener Bestandteile:

  • color

    die Farbe des Texts selbst (auf dieser Seite schwarz)

  • background-color

    die Farbe des Hintergrunds hinter dem Text (auf dieser Seite weiß)

  • border-color

    die Farbe eines sichtbaren Kastens, der den Text umrahmt

CSS verwendet einen 24-Bit-Farbraum, um Farben festzulegen, etwa wie HTML es macht. Denken Sie jedoch immer daran, dass Sie zwar vielleicht eine Farbe festlegen können, ein bestimmtes Gerät diese jedoch nicht unbedingt auch darstellen kann. Ein Schwarzweiß-Drucker wird nicht rot drucken, egal wie Sie die Farbe angeben. Stattdessen wird er Ihnen vermutlich einige nette Grauwerte liefern. Wie viele andere Properties hängt auch color von dem Medium ab, in dem das Dokument präsentiert wird.

Die einfachste Möglichkeit, eine Farbe auszuwählen, besteht darin, eine dieser 16 Namenskonstanten zu verwenden: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white und yellow. Es gibt auch einige Farben, die über die Farbe von Teilen der Benutzeroberfläche definiert werden. Zum Beispiel ist WindowText die gleiche Farbe wie der Text in den Fenstern auf dem lokalen System.

Abgesehen von dieser kleinen Liste können Sie die Farbe eines Eintrags auch mit Hilfe der drei Komponenten – Rot, Grün und Blau – definieren, wie Sie das vermutlich von den Hintergrundfarben in HTML kennen. Jede Komponente wird über eine Zahl zwischen 0 und 255 angegeben, wobei 255 der Maximalwert der Farbe ist. Die Zahlen können als Dezimaloder Hexadezimalwerte festgelegt werden. Diese Regeln beispielsweise verwenden die hexadezimale Schreibweise, um das Element gericht rein rot zu färben, das Element geschichte völlig grün und das Element anweisungen völlig blau:

gericht     { color: #FF0000 }
geschichte  { color: #00FF00 }
anweisungen { color: #0000FF }

Falls es Ihnen lieber ist, können Sie die Farbe als Dezimalzahlen, die durch Kommas getrennt werden, innerhalb einer rgb( )-Funktion angeben. Weiß ist zum Beispiel rgb(255,255,255), Schwarz ist rgb(0,0,0). Farben, in denen alle Komponenten den gleichen Wert besitzen, werden zu Grautönen. Diese Regeln verwenden die dezimale Schreibweise, um das Element zutat in hellen Grautönen, sein Kindelement menge aber in dunkleren Grautönen erscheinen zu lassen:

zutat { color: rgb(43,43,43) }
menge { color: rgb(21,21,21) }

Sie können die Farbe sogar als Prozentwert jeder Primärfarbe von 0 bis 100 Prozent angeben. Die vorangegangenen Regeln sehen dann beispielsweise so aus:

zutat { color: rgb(16.9%,16.9%,16.9%) }
menge { color: rgb(8.2%,8.2%,8.2%)    }

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema XML bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

  


Copyright © 2005 O'Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "XML in a Nutshell" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstraße 81, 50670 Köln, kommentar(at)oreilly.de