CSS/Eigenschaften/cursor

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

• Spezifikation (W3C): cursor property
• MDN: cursor

Siehe auch

• CSS/Eigenschaften/Benutzeroberfläche/cursor