De eigenschap cursor bepaalt het uiterlijk
van de cursor wanneer deze over een element beweegt.
Syntaxis
cssselector {
cursor: waarde;
}
Opmerking
De eigenschap heeft heel veel waarden. Hieronder
heb ik deze waarden gegroepeerd om het gemakkelijker
te maken om ze te vinden. Het uiterlijk van de cursor verschilt
in verschillende browsers, daarom heb ik geen foto's
van de cursors gemaakt, maar in de tabellen met waarden
een speciale kolom toegevoegd. Wanneer u de muis
over een cel in deze kolom beweegt, kunt u het uiterlijk
van de beschreven cursor zien.
Waarden
Waarde
Beschrijving
Uiterlijk
default
Standaard uiterlijk in de vorm van een pijl-aanwijzer.
pointer
Wordt gebruikt om aan te geven dat een element
actief is en erop geklikt kan worden
(zoals standaard het geval is voor links).
help
Wordt gebruikt om aan te geven dat er
hulp of een vraag aan het element is gekoppeld.
not-allowed
Wordt gebruikt om de ontoelaatbaarheid van een handeling aan te geven.
Tekst
Waarde
Beschrijving
Uiterlijk
text
Standaard tekstcursor in de vorm van een verticale streep.
vertical-text
Tekstcursor voor verticale tekst.
Wachten
Waarde
Beschrijving
Uiterlijk
progress
Wordt gebruikt om aan te geven dat er een
bewerking bezig is en dat de gebruiker moet wachten.
wait
Wordt gebruikt om aan te geven dat de gebruiker
moet wachten.
Cursor bij het wijzigen van afmetingen
Bij het wijzigen van de afmetingen van een element wordt de waarde
van de eigenschap als volgt gevormd: het woord resize,
met ervoor, gescheiden door een koppelteken, een letter of
meerdere letters, bijvoorbeeld: n-resize of ne-resize.
Deze letters zijn de eerste letters van de windstreken:
north - noord, south - zuid, east - oost,
west - west. Hier worden de
afspraken gebruikt die gelden voor terreinkaarten:
boven noord, onder zuid, links west, rechts
oost. Dit is natuurlijk verwarrend, maar we moeten het
gebruiken zoals het bedacht is:)
Dit zijn de waarden:
Waarde
Richting
Windstreek
Uiterlijk
n-resize
omhoog
noord
ne-resize
rechts omhoog
noord oost
e-resize
rechts
oost
se-resize
rechts omlaag
zuid oost
s-resize
omlaag
zuid
sw-resize
links omlaag
zuid west
w-resize
links
west
nw-resize
links omhoog
noord west
nesw-resize
rechts omhoog en links omlaag
noord oost - zuid west
nwse-resize
links omhoog en rechts omlaag
noord west - zuid oost
Afmetingen van twee elementen wijzigen
Waarde
Beschrijving
Uiterlijk
col-resize
Horizontaal wijzigen.
row-resize
Verticaal wijzigen.
Zoom wijzigen
Waarde
Beschrijving
Uiterlijk
zoom-in
Vergroten.
zoom-out
Verkleinen.
Verplaatsing
Waarde
Beschrijving
Uiterlijk
move
Wordt gebruikt om aan te geven dat een element
verplaatst kan worden, of tijdens het verplaatsen.
all-scroll
Wordt gebruikt om aan te geven dat een element
met de muis in alle richtingen kan worden gescrolld.