CSS/Eigenschaften/cursor

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften(Weitergeleitet von Cursor)
Wechseln zu: Navigation, Suche

Die Eigenschaft cursor ermöglicht es, beim Überfahren mit der Maus einen anderen Cursor anzuzeigen.

erlaubte Werte
  • allgemein
    • auto = automatischer Cursor (Normaleinstellung)
    • default = plattformunabhängiger Standard-Cursor
    • none = kein Cursor
  • Verweise und Statusangaben
    • pointer = Zeiger
    • help = Hilfesymbol
    • context-menu = Context-Menü vorhanden
    • all-scroll = in jede Richtung scrollbar
    • wait = signalisiert Wartezustand
    • progress = signalisiert Programmfortschritt
  • Auswahlen
    • text = normaler Text
    • vertical-text = vertikaler Text
    • crosshair = einfaches Fadenkreuz
    • cell = Bearbeiten von Tabellenzellen
  • drag and drop
    • alias = Erstellen von Verknüpfungen
    • copy = Erstellen von Kopien
    • move = symbolisiert Verschiebbarkeit
    • no-drop = hierher verschieben nicht erlaubt
    • not-allowed = Aktion nicht erlaubt
  • Größenänderungen
    • n-resize = Pfeil nach oben (n = Norden)
    • ne-resize = Pfeil nach rechts oben (ne = Nordost)
    • e-resize = Pfeil nach rechts (e = Osten)
    • se-resize = Pfeil nach rechts unten (se = Südost)
    • s-resize = Pfeil nach unten (s = Süden)
    • sw-resize = Pfeil nach links unten (sw = Südwest)
    • w-resize = Pfeil nach links (w = Westen)
    • nw-resize = Pfeil nach links oben (nw = Nordwest)
  • bidirektionale Größenänderungen
    • ns-resize = Doppelpfeil nach oben und unten
    • ew-resize = Doppelpfeil nach links und rechts
    • nesw-resize = Doppelpfeil nach rechtsoben und linksunten
    • nwse-resize = Doppelpfeil nach linksoben und rechtsunten
  • bewegliche Trenner
    • col-resize = veränderbare Spaltenbreite
    • row-resize = veränderbare Zeilenhöhe
  • Größenänderungen
    • zoom-in = vergrößerbar
    • zoom-out = verkleinerbar
  • eine Grafik
    • url('cross.png'), not-allowed = Referenz auf die Grafik mit Alternativcursor
    • url('cross.png'), 5 5 not-allowed = zusätzliche Festlegung des Hotspots
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: auto
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung ja
animierbar ja
Beispiel
body { cursor: help; }
Anstelle des Standardcursors erscheint auf der gesamten Seite ein Cursor mit einem Fragezeichen.


Weblinks

Siehe auch