## 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

© 2001 selfhtml@teamone.de