CSSLeren.nl - Tutorials - Cursors -

Cursors

Met behulp van CSS kan je de cursor veranderen die je tezien krijgt. Het wordt over het algemeen zelden gebruikt want automatisch doet hij al allemaal verschillende cursor bij links tekst enzovoort. Het is dan ook afteraden dit veel te gebruiken maar soms kan het net even handig zijn.

cursor: auto;

In de CSS is de opmaak heel simpel, met het commando cursor: waarde; geef je aan welke cursor hij moet hebben, zie code. Hieronder zie je alle cursors die je kan gebruiken in CSS.

Waarde Voorbeeld (hang boven de tekst)
auto De standaard waarde, de browser kiest zelf wat er bij hoort.
default De normale pijl.
crosshair Een kruis.
pointer Handje wat je ook ziet bij links.
move Lijkt of je het kan verschuiven.
text Wat je ziet als je boven tekst hangt.
wait Het zandlopertje. (en in Vista het cirkeltje)
help De normale pijl met een vraagteken ernaast.
n-resize Een resize pijl naar het noorden.
s-resize Een resize pijl naar het zuiden.
e-resize Een resize pijl naar het oosten.
w-resize Een resize pijl naar het westen.
ne-resize   Een resize pijl naar het noordoosten.
nw-resize Een resize pijl naar het noordwesten.
se-resize Een resize pijl naar het zuidoosten.
sw-resize Een resize pijl naar het zuidwesten.