Auf einigen Webseiten sehen sie andere Mauskursoren. Diese werden über die cursor-Eigenschaft gesetzt.
Weiter unten ist eine Liste von gebräuchlichen Kursoren, und wie diese deklariert werden können. Um zu sehen, wie so ein Kursor aussieht, so bewegen Sie Ihre Maus über die „Resultat“-Spalte.
| CSS-Statement | Resultat: |
| { cursor: crosshair; } | Mauskursor wird zu Fadenkreuz |
| { cursor: pointer; } | Mauskursor wird zu Zeiger |
| { cursor: text; } | Mauskursor wird zu Text |
| { cursor: move; } | Mauskursor wird zum Verschiebungszeiger |
| { cursor: wait; } | Mauskursor wird zur Sanduhr |
| { cursor: help; } | Mauskursor wird zu Fragezeichen |
| { cursor: progress; } | Mauskursor wird zu Zeiger und Sanduhr |
| { cursor: not-allowed; } | Mauskursor wird zu Verboten |
| { cursor: no-drop; } | Mauskursor wird zu Verboten und Zeiger |
| { cursor: no-vertical-text; } | Mauskursor wird zu kein vertikaler Text |
| { cursor: all-scroll; } | Mauskursor wird zu in alle Richtungen scrollen |
| { cursor: col-resize; } | Mauskursor wird zu Spaltengrößenänderung |
| { cursor: row-resize; } | Mauskursor wird zu Zeilengrößenänderung
|
| { cursor: e-resize; } | Mauskursor wird zu Ost-Größenänderung
|
| { cursor: ne-resize; } | Mauskursor wird zu Nordost-Größenänderung
|
| { cursor: n-resize; } | Mauskursor wird zu Nord-größenänderung
|
| { cursor: nw-resize; } | Mauskursor wird zu Nordwest-größenänderung
|
| { cursor: w-resize; } | Mauskursor wird zu West-Größenänderung
|
| { cursor: sw-resize; } | Mauskursor wird zu Südwest-Größenänderung
|
| { cursor: s-resize; } | Mauskursor wird zu Süd-Größenänderung
|
| { cursor: se-resize; } | Mauskursor wird zu Südost-Größenänderung
|
Wir können auch ein eigenes Bild für den Mauskursor benutzen. Der Syntaxt hierfür ist: