The StyleWorksCSS { Referenz · Labor · Übungen }
  1. Startseite
  2. Referenz
  3. Schnellreferenz
  4. Anwenderoberfläche

Schnellreferenz · CSS 2.1

Schnellreferenz Anwenderoberfläche

Alle Eigenschaften des Kapitels in Tabellenform: mögliche Werte, Ausgangswert, Vererbung, Anwendbarkeit, Bezugswert für Prozentangaben und Mediengruppe – und die Browser-Unterstützung mit ihren Einschränkungen.

Erstveröffentlichung Vollreferenz alle Eigenschaften

Was in diesem Kapitel steht

Kapitel 18 versammelt, was die Bedienung betrifft: die Form des Mauszeigers, die Kontur um ein Element und die Systemfarben. Es ist das Kapitel mit dem geringsten Umfang und dem größten Anteil an Überholtem.

Die Systemfarben – benannte Werte, die die Farben der Bedienoberfläche des Betriebssystems übernehmen – sind in CSS 2.1 als veraltet gekennzeichnet und wurden später neu gefasst; sie sind heute nur noch in der Darstellung mit erzwungenen Farben von Bedeutung. Die Kontur dagegen ist wichtiger geworden, als sie es damals war: Sie ist das Mittel, mit dem der Browser den Tastaturfokus anzeigt, und ihre Vererbungsspalte steht auf Nein, sodass sie an jedem fokussierbaren Element eigens gesetzt wird.

Browser-Unterstützung

EigenschaftBrowser-Support
cursor

Mit Ausnahme des Wertes <uri> werden alle Werte dieser Eigenschaft von den modernen Browsern unterstützt. Es gibt zudem folgende browserbedingte Einschränkungen:

IE/Win 5.x
IE/Win bis zur Version 5.5 erkennt diese Eigenschaft nicht.
IE/Win 6, IE 7
In der Version 6 bzw. 7 erkennt IE/Win die Werte <uri> und inherit noch nicht.
Opera 8 / 9
Opera unterstützt den Wert inherit erst mit der Version 9, den Wert url() noch nicht.
Firefox 1.5 etc.
Die Gecko-Engine ist die einzige Engine, die Wert <uri> unterstützt, und zwar an allen Elementen.

color
IE/Win 5.x, IE/Win 6, IE 7
IE/Win akzeptiert innerhalb der Farbbezeichnungen nach SVG-1.0 Grautöne nur mit der Bezeichnung '...gray...', nicht in der Schreibweise '...grey...'.

color (anwenderdefiniert)
Alle Browser:
Werte, die sich auf die Anwenderoberfläche das jeweiligen Systems beziehen, werden von den Browsern in unterschiedlichem Umfang unterstützt. Da die Entfernung dieser Werte aus dem Standard geplant ist, wird hier nicht mehr darauf eingegangen.

font (Systemfonts)
Alle Browser:
Die Unterstützung der Systemfonts ist nicht nur von den Browsern abhängig, sondern auch vom jeweiligen System. Deshalb kann hier keine browser- spezifische Angabe gemacht werden. Bitte beachten sie auch den Hinweis zur Verwendung der Systemfonts in der Referenz.

outline
Firefox 1, Mozilla 1.7, etc.
Unterstützt die outline-Eigenschaften entsprechend der Spezifikation.
IE/Mac 5.x
Unterstützt die outline-Eigenschaften entsprechend der Spezifikation.
IE/Win 5.x, IE/Win 6, IE 7
Erkennt die outline-Eigenschaften noch nicht.
Opera 7.5+
Unterstützt die outline-Eigenschaften entsprechend der Spezifikation. Überfließende Kindelemente liegen nicht innerhalb der Umfassungslinie.
Safari 1.3
Erkennt die outline-Eigenschaften generell, jedoch nicht für Formularelemente.

outline-color
outline-style
outline-width

Schnellreferenz-Tabelle

Cascading Style Sheets ::Schnellreferenz

CSS 1 & CSS 2: Anwenderoberfläche

Die Stylesheet-Schnellreferenz kann auch als PDF-Datei herunter geladen werden.

Eigenschaft Mögliche
Werte		 Ausgangs-
wert		 Vererbung Anwend-
barkeit		 %-Bezugs-
wert		 Medien-
gruppe
Eigenschaft Mögliche
Werte		 Ausgangs-
wert		 Vererbung Anwend-
barkeit		 %-Bezugs-
wert		 Medien-
gruppe

Hinweis 1:
Es können mehrere Werte uri auftreten. Es sollte aber ein generischer Wert folgen.
cursor
auto
crosshair
default
pointer
move
n-resize
ne-resize
e-resize
se-resize
s-resize
sw-resize
w-resize
nw-resize
text
wait
help
progress
url() 1)
inherit
 auto Ja Alle Elemente Nicht zutreffend Visual, Interaktive
color
Aus Anwender- präferenzen
Farbnamen, inherit
 Abhängig vom Anwender- programm. Ja Alle Elemente Nicht zutreffend Visual
font
Aus Anwender- präferenzen
caption
icon
menu
message-box
small-caption
status-bar
inherit
 Siehe Einzel- eigen- schaften Ja Alle Elemente Erlaubt für font-size und line-height Visual
outline
(Kurzschrift)
<outline-width>
<outline-style>
<outline-top-color>
(Reihenfolge beachten!)
inherit
 Siehe Einzel- eigen- schaften Nein Alle Elemente Nicht zutreffend Visual, Interaktive
outline-color
Farbnamen
#rrggbb
#rgb
rgb(rr%,gg%,bb%)
rgb(rrr,ggg,bbb)
transparent
invert
inherit
 invert Nein Alle Elemente Nicht zutreffend Visual, Interaktive
outline-style
none
solid
dotted
dashed
double
groove
ridge
inset
outset
inherit
 none Nein Alle Elemente Nicht zutreffend Visual, Interaktive
outline-width
Längenwerte
thin
medium
thick
(Nur ein Wert möglich)
inherit
 medium Nein Alle Elemente Nicht zutreffend Visual, Interaktive