SELFHTML: CSS Stylesheets / CSS-Eigenschaften / Anzeigefenster

	Anzeigefenster
	Allgemeines zum Anzeigefenster cursor (Mauszeiger) scrollbar (Microsoft-Eigenschaften für Scroll-Leisten

Allgemeines zum Anzeigefenster

Zum Anzeigefenster gibt es zunächst einmal zu sagen, dass es Teil der Arbeitsumgebung des Anwenders ist und deshalb kein Spiel- und Tummelplatz für Autoren von Web-Seiten. Die einzige Eigenschaft des Anzeigefensters, auf die das W3-Konsortium in der CSS-Spezifikation den Zugriff ermöglichst, ist das Aussehen des Mauszeigers. Das ist insofern sinnvoll, als es zur Funktionalität von Web-Seiten unterstützend beitragen kann.

Über den Sinn der CSS-Eigenschaften, die Microsoft in den Internet Explorer seit Version 5.5 eingebaut hat, kann man dagegen geteilter Meinung sein. Im Rahmen stimmiger Web-Designs kann es sinnvoll sein, dass auch die Scroll-Leisten des Browserfensters oder die von mehrzeiligen Formulareingabefeldern zu den übrigen Farben passen. Andererseits wecken solche Möglichkeiten wieder neue Begehrlichkeiten in jenen Leuten, die über ihre Web-Seiten am liebsten den Computer des Anwenders ein- und ausschalten würden. Denn natürlich wollen die als nächstes auch die Menü- und Werkzeugleiste des Browsers gestalten können.

cursor (Mauszeiger)

Sie können für ein HTML-Element einen Cursor definieren. Wenn der Anwender mit der Maus über die Fläche fährt, die das Element einnimmt, nimmt der Mauscursor die angegebene Gestalt an. Da Mauscursor immer mit einer Bedeutung versehen sein sollten, ist es in der Praxis sinnvoll, solche Elemente etwa mit Hilfe von JavaScript Event-Handlern an ein Script zu binden, dass bestimmte Befehle ausführt.

Beispiel:

Anzeigebeispiel: So sieht's aus

<html><head><title>cursor</title>
</head><body bgcolor="#FFFFFF" text="#000000">

<div style="background-color:#F8F8FF; padding:10pt; border:thin solid black; width:100%; cursor:crosshair;">
<p>Dies ist ein Bereich mit der Angabe <b>cursor:crosshair</b>.
Fahren Sie mit der Maus &uuml;ber diesen Bereich.</p></div>

<!--usw.-->
</body></html>

Erläuterung:

Mit cursor: können Sie das Aussehen des Mauscursors für den Fall definieren, dass der Anwender mit der Maus über den entsprechenden Bereich fährt. Folgende Angaben sind erlaubt:

auto = automatischer Cursor (Normaleinstellung).
default = Plattformunabhängiger Standard-Cursor.
crosshair = Cursor in Form eines einfachen Fadankreuzes.
pointer = Cursor in Form eines Zeigers.
move = Cursor in Form eines Kreuzes, das die Fähigkeit zum Bewegen des Elements signalisiert.
n-resize = Cursor in Form Pfeils, der nach oben zeigt (n = Norden).
ne-resize = Cursor in Form Pfeils, der nach rechts oben zeigt (ne = Nordost).
e-resize = Cursor in Form Pfeils, der nach rechts zeigt (e = Osten).
se-resize = Cursor in Form Pfeils, der nach rechts unten zeigt (se = Südost).
s-resize = Cursor in Form Pfeils, der nach unten zeigt (s = Süden).
sw-resize = Cursor in Form Pfeils, der nach links unten zeigt (sw = Südwest).
w-resize = Cursor in Form Pfeils, der nach links zeigt (w = Westen).
nw-resize = Cursor in Form Pfeils, der nach links oben zeigt (nw = Nordwest).
text = Cursor in einer Form, die normalen Text symbolisiert.
wait = Cursor in Form eines Symbols, das einen Wartezustand signalisiert.
help = Cursor in Form Symbols, das Hilfe zu dem Element signalisiert.
url([Datei]) = Beliebiger Cursor, [Datei] sollte eine GIF- oder JPG-Grafik sein.

Beachten Sie:

Cursor-Symbole sollten Sie nicht zweckentfremden. Wenn Sie beispielsweise cursor:move für ein Element benutzen, sollte dieses Element auch tatsächlich beweglich sein (etwa mit Hilfe von Dynamischem HTML), und wenn Sie cursor:help benutzen, erwartet der Anwender beim Anklicken des Bereichs, dass am Bildschirm ein Fenster oder ein Bereich mit einem Hilfetext erscheint.

Netscape 6.x und Internet Explorer 5.x interpretieren die Angabe url([Datei]) nicht.

scrollbar (Microsoft-Eigenschaften für Scroll-Leisten

Die hier beschriebenen Eigenschaften lassen sich auf HTML-Elemente wie body oder textarea anwenden. Bei body legen sie die Farben der Fenster-Scroll-Leisten fest, bei textarea die Farben der Scroll-Leisten des Eingabebereichs.

Beispiel:

Anzeigebeispiel: So sieht's aus

<html><head><title>scrollbars</title>
<style type="text/css">
body, textarea {
  background-color:#8C8CC6;
  color:#FFFFFF;
  font-family:"Andale Mono",Arial,sans-serif;
  scrollbar-base-color:#8C8CC6;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
}
</style>
</head><body>
<h1 style="text-decoration:underline">Ton in Ton</h1>

<form name="Seite">
<p>Den Text dieser Seite k&ouml;nnen Sie selber schreiben:</p>
<textarea name="Text" cols="80" rows="200"></textarea>
</form>

</body></html>

Erläuterung:

Mit den folgenden Eigenschaften können Sie die Einzelteile von Scroll-Leisten bestimmen:

scrollbar-base-color = Basisfarbe der Scroll-Leiste
scrollbar-3dlight-color = Farbe für 3D-Effekte
scrollbar-arrow-color = Farbe für Verschiebepfeile
scrollbar-darkshadow-color = Farbe für Schatten
scrollbar-face-color = Farbe für Oberfläche
scrollbar-highlight-color = Farbe für oberen und linken Rand
scrollbar-shadow-color = Farbe für unteren und rechten Rand
scrollbar-track-color = Farbe für freibleibenden Verschiebeweg

Bei all diesen Eigenschaften ist eine Farbangabe möglich.


	Filter (nur Microsoft)
	Sound-Kontrolle für Sprachausgabe

SELFHTML/Navigationshilfen

CSS Stylesheets

CSS-Eigenschaften