Cursor

Met behulp van CSS is het mogelijk de cursor te veranderen. Binnen Windows kom je het soms tegen. Bijvoorbeeld als je even moet wachten op het openen van een document, dan verandert de cursor in een zandloper. Of op andere momenten verandert de cursor in een handje. Hieronder staan een aantal voorbeelden met CSS waarmee je dit zelf kunt doen op je site.

Default cursor
<p><span style="cursor: default">Default cursor</span>

Auto cursor
<p><span style="cursor: auto">Auto cursor</span>

Hand cursor
<p><span style="cursor: hand">Hand cursor</span>

Crosshair cursor
<p><span style="cursor: crosshair">Crosshair cursor</span>

Move cursor
<p><span style="cursor: move">Move cursor</span>

Text cursor
<p><span style="cursor: text">Text cursor</span>

Wait cursor
<p><span style="cursor: wait">Wait cursor</span>

Help cursor
<p><span style="cursor: help">Help cursor</span>

Cursors met richting

N-resize cursor
<p><span style="cursor: n-resize">N-resize cursor</span>

E-resize cursor
<p><span style="cursor: e-resize">E-resize cursor</span>

S-resize cursor
<p><span style="cursor: s-resize">S-resize cursor</span>

W-resize cursor
<p><span style="cursor: w-resize">W-resize cursor</span>

NE-resize cursor
<p><span style="cursor: ne-resize">NE-resize cursor</span>

NW-resize cursor
<p><span style="cursor: nw-resize">NW-resize cursor</span>

SE-resize cursor
<p><span style="cursor: se-resize">SE-resize cursor</span>

SW-resize cursor
<p><span style="cursor: sw-resize">SW-resize cursor</span>