Beispiel
Einige andere Cursor:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Versuch es selber " Definition und Verwendung
Der Cursor-Eigenschaft gibt die Art der Cursor angezeigt wird, wenn auf ein Element zeigen.
| Standardwert: | auto |
|---|---|
| Vererbt: | yes |
| Anima: | no. Read about animatable |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.cursor="crosshair" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS-Syntax
cursor:value;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| alias | Der Cursor zeigt ein Alias für etwas geschaffen werden | Spiel es " |
| all-scroll | Der Cursor zeigt, dass etwas in jede Richtung verschoben werden | Spiel es " |
| auto | Standard. Der Browser setzt einen Cursor | Spiel es " |
| cell | Der Cursor zeigt an, dass eine Zelle (or set of cells) eine (or set of cells) ausgewählt werden kann , | Spiel es " |
| context-menu | Der Cursor zeigt an, dass ein Kontextmenü zur Verfügung steht | Spiel es " |
| col-resize | Der Cursor zeigt an, dass die Säule horizontal skaliert werden kann | Spiel es " |
| copy | Der Cursor zeigt etwas, das kopiert werden soll | Spiel es " |
| crosshair | Der Cursor machen als Fadenkreuz | Spiel es " |
| default | Der Standardcursor | Spiel es " |
| e-resize | Der Cursor zeigt , dass ein Rand eines Kastens rechts bewegt werden soll (east) | Spiel es " |
| ew-resize | Steht für eine bidirektionale Größenänderungscursor | Spiel es " |
| grab | Der Cursor zeigt an, dass etwas anfassen lässt | Spiel es " |
| grabbing | Der Cursor zeigt an, dass etwas anfassen lässt | Spiel es " |
| help | Der Cursor zeigt an, dass Hilfe verfügbar ist | Spiel es " |
| move | Der Cursor zeigt etwas bewegt werden soll | Spiel es " |
| n-resize | Der Cursor zeigt , daß eine Kante der Schachtel werden nach oben bewegt wird (north) | Spiel es " |
| ne-resize | Der Cursor zeigt , daß eine Kante der Schachtel werden soll , nach oben und rechts (north/east) | Spiel es " |
| nesw-resize | Steht für eine bidirektionale Größenänderungscursor | Spiel es " |
| ns-resize | Steht für eine bidirektionale Größenänderungscursor | Spiel es " |
| nw-resize | Der Cursor zeigt , daß eine Kante der Schachtel werden soll , nach oben und nach links (north/west) | Spiel es " |
| nwse-resize | Steht für eine bidirektionale Größenänderungscursor | Spiel es " |
| no-drop | Der Cursor zeigt an, dass das gezogene Artikel kann hier nicht fallengelassen werden | Spiel es " |
| none | Kein Cursor wird für das Element gerendert | Spiel es " |
| not-allowed | Der Cursor zeigt an, dass die angeforderte Aktion wird nicht ausgeführt, | Spiel es " |
| pointer | Der Cursor ist ein Zeiger und ein Link gesetzt | Spiel es " |
| progress | Der Cursor zeigt an, dass das Programm beschäftigt ist (in progress) | Spiel es " |
| row-resize | Der Cursor zeigt an, dass die Zeile vertikal Größe verändert werden können | Spiel es " |
| s-resize | Den Cursor anzeigt , dass ein Rand eines Schachtel werden nach unten bewegt wird (south) | Spiel es " |
| se-resize | Der Cursor zeigt , dass eine Kante der Schachtel werden soll , nach unten bewegt , und die rechte (south/east) | Spiel es " |
| sw-resize | Der Cursor zeigt , daß eine Kante der Schachtel werden nach unten bewegt wird und nach links (south/west) | Spiel es " |
| text | Der Cursor zeigt Text, der ausgewählt werden kann, | Spiel es " |
| URL | Eine durch Kommata getrennte Liste von URLs benutzerdefinierte Cursor. Note: Immer eine generische Cursor an das Ende der Liste festlegen, falls keine der URL-definierte Cursor verwendet werden können , | Spiel es " |
| vertical-text | Der Cursor zeigt vertical-Text, der ausgewählt werden kann, | Spiel es " |
| w-resize | Der Cursor zeigt , daß eine Kante der Schachtel bewegt gelassen werden (west) | Spiel es " |
| wait | Der Cursor zeigt an, dass das Programm beschäftigt ist | Spiel es " |
| zoom-in | Der Cursor zeigt an, dass etwas können vergrößert werden, | Spiel es " |
| zoom-out | Der Cursor zeigt an, dass etwas herausgezoomt werden kann | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
HTML - DOM - Referenz: cursor property - cursor property