CSS - cursor
Die cursor Eigenschaft gibt die Art der Cursor an der angezeigt wird, wenn man auf ein Element zeigt.
Beispiel
div {
cursor: crosshair;
}
Definition und Verwendung
- Standard Wert:
- auto
- CSS Version:
- CSS2
- Vererbt sich:
- Ja
- Animierbar:
- Nein
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
| Wert | Beschreibung |
|---|---|
| URL | Eine durch Kommata getrennte Liste von URLs für benutzerdefinierte Cursor Bilder. Hinweis: Lege immer einen generischen Cursor an das Ende der Liste, falls der URL-definierte Cursor nicht verwendet werden kann, |
| alias | Der Cursor zeigt ein Alias für etwas. |
| all-scroll | Der Cursor zeigt, dass etwas in jede Richtung gescrollt werden kann. |
| auto | Standard. Der Browser bestimmt den Cursor. |
| cell | Der Cursor zeigt an, dass eine Zelle (oder eine Gruppe von Zellen) ausgewählt werden kann. |
| col-resize | Der Cursor zeigt an, dass die Spalte horizontal in der Größe verändert werden kann. |
| context-menu | Der Cursor zeigt an, dass ein Kontextmenü zur Verfügung steht. |
| copy | Der Cursor zeigt, das etwas kopiert werden kann. |
| crosshair | Der Cursor als Fadenkreuz. |
| default | Der Standardcursor. |
| e-resize | Der Cursor zeigt, dass ein Rand eines Kastens rechts bewegt werden kann. |
| ew-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach rechts und nach links bewegt werden kann. |
| grab | Der Cursor zeigt an, dass etwas gepackt werden kann. |
| grabbing | Der Cursor zeigt an, dass etwas gepackt werden kann. |
| help | Der Cursor zeigt an, dass eine Hilfe verfügbar ist. |
| move | Der Cursor zeigt, dass etwas bewegt werden kann. |
| n-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach oben bewegt werden kann. |
| ne-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach oben und nach rechts bewegt werden kann. |
| nesw-resize | Gibt einen bidirektionalen Resize Cursor an. |
| no-drop | Der Cursor zeigt an, dass das gezogene Element hier nicht abgelegt werden kann. |
| none | Es wird kein Cursor angezeigt. |
| not-allowed | Der Cursor zeigt an, dass die angeforderte Aktion nicht ausgeführt wird. |
| ns-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach oben und nach unten bewegt werden kann. |
| nw-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach oben und nach links bewegt werden kann. |
| nwse-resize | Gibt einen bidirektionalen Resize Cursor an. |
| pointer | Der Cursor ist ein Zeiger und zeigt einen Link an. |
| progress | Der Cursor zeigt an, dass das Programm beschäftigt ist (in Arbeit). |
| row-resize | Der Cursor zeigt an, dass die Zeile vertikal Größe verändert werden kann. |
| s-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach unten bewegt werden kann. |
| se-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach unten und nach rechts bewegt werden kann. |
| sw-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach unten und nach links bewegt werden kann. |
| text | Der Cursor zeigt, dass der Text ausgewählt werden kann, |
| vertical-text | Der Cursor zeigt vertical-Text, der ausgewählt werden kann. |
| w-resize | Der Cursor zeigt, dass ein Rand eines Kastens nach links bewegt werden kann. |
| wait | Der Cursor zeigt an, dass das Programm beschäftigt ist. |
| zoom-in | Der Cursor zeigt an, dass etwas vergrößert werden kann. |
| zoom-out | Der Cursor zeigt an, dass etwas verkleinert werden kann. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |