04.02.2013 Aufrufe

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

Abb. 4.4.6a: CSS Farbdefinitionen<br />

Link:<br />

CSS 3 Color Module: http://www.w3.org/TR/<br />

css3-color/<br />

84<br />

Nachkommastellen sind nicht erlaubt.<br />

CSS<br />

Die prozentuale Farbangabe erlaubt hingegen eine Nachkommastelle,<br />

100 entspricht dem Wert 255, damit ergibt sich für die rote<br />

Vordergrundfarbe die folgende Deklaration:<br />

color: rgb(100.0%, 0.0%, 0.0%);<br />

Oder kürzer:<br />

color: rgb(100%, 0%, 0%);<br />

Von einer gemischten Deklaration, die dezimale und prozentuale<br />

Farbwerte enthält, wird abgeraten, da dies zu unerwarteten Browserreaktionen<br />

führen kann. Farbwerte können auch mit Hilfe von<br />

Schlüsselwörtern angegeben werden, CSS 2.1 unterstützt 17 dieser<br />

Farbwerte, die 16 aus CSS 2 und zusätzlich noch orange:<br />

Farbe Schlüsselwort Farbwert RGB-Wert<br />

Unser Rot würde durch Schlüsselwörter also wie folgt deklariert:<br />

color: red;<br />

maroon #800000 rgb(128, 0, 0)<br />

red #ff0000 rgb(255, 0, 0)<br />

orange #ffa500 rgb(255, 165, 0)<br />

yellow #ffff00 rgb(255, 255, 0)<br />

olive #808000 rgb(128, 128, 0)<br />

green #008000 rgb(0, 128, 0)<br />

lime #00ff00 rgb(0, 255, 0)<br />

white #ffffff rgb(255, 255, 255)<br />

fuchsia #ff00ff rgb(255, 0, 255)<br />

purple #800080 rgb(128, 0, 128)<br />

navy #000080 rgb(0, 0, 128)<br />

blue #0000ff rgb(0, 0, 255)<br />

aqua #00ffff rgb(0, 255, 255)<br />

teal #008080 rgb(0, 128, 128)<br />

gray #808080 rgb(128, 128, 128)<br />

silver #c0c0c0 rgb(192, 192, 192)<br />

black #000000 rgb(0, 0, 0)

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!