De eigenschap cursor bepaalt het uiterlijk
van de cursor wanneer deze over een element beweegt.
Syntaxis
selector {
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.
|
|
Overig
| Waarde |
Beschrijving |
Uiterlijk |
crosshair |
Uiterlijk in de vorm van een richtkruis.
|
|
cell |
Uiterlijk in de vorm van een richtkruis.
|
|
