Anzeigefenster
Die hier vorgestellten CSS-Stylesheets gehören nicht zum HTML-Standard und werden nicht von allen Browser unterstützt.
HTML & CSS Stylesheets Referenz JavaScript PHP MySQL Sonstiges Gästebuch Inhalt Impressum
Die hier vorgestellten CSS-Stylesheets gehören nicht zum HTML-Standard und werden nicht von allen Browser unterstützt.
Mit den CSS-Stylesheet scrollbar
lassen sich die Farben der Fenster-Scroll-Leisten festlegen. Dafür
werden folgende Elemente definiert:
scrollbar-base-color
Basisfarbe der Scroll-Leiste
scrollbar-3dlight-color
Farbe für 3D-Effekte (hier rot)
scrollbar-arrow-color
Farbe für Pfeile (hier grün)
scrollbar-darkshadow-color
Farbe für Schatten (hier blau)
scrollbar-face-color
Farbe für die Oberfläche (hier violet)
scrollbar-highlight-color
Farbe für den Rand oben und links (hier dunkelgrün)
scrollbar-shadow-color
Farbe für den Rand unten und rechts (hier türkis)
scrollbar-track-color
Farbe für den Untergrund (hier gelb)
Der Code im Head-Bereich könnte so aussehen:
<style type="text/css">
body { scrollbar-base-color:#000000; scrollbar-3dlight-color:#FF0000; scrollbar-arrow-color:#00FF00; scrollbar-darkshadow-color:#0000FF; scrollbar-face-color:#FF00FF; scrollbar-highlight-color:#FFFF00; scrollbar-shadow-color:#00FFFF; scrollbar-track-color:#FFFFFF; } </style>
Der Mousezeiger kann eine andere Gestallt annehmen, wenn dieser über einen bestimmten Bereich zeigt:
cursor:crosshair | cursor:pointer | cursor:move | cursor:n-resize |
cursor:ne-resize | cursor:e-resize | cursor:se-resize | cursor:s-resize |
cursor:sw-resize | cursor:w-resize | cursor:nw-resize | cursor:text |
cursor:wait | cursor:help | cursor:auto | cursor:default |
Der Code dafür könnte so aussehen:
<div style="background-color:#FFFF00; padding:14pt; border:thin solid red; width:100%; cursor:crosshair;">
<p>Wenn sie mit der Mouse hier hinüber fahren, ändert er sich zum Kreuz.</p></div>
Wenn sie mit der Mouse hier hinüber fahren, ändert er sich zum Kreuz.