cursor styles
verander de vorm en functie van de cursor

home | index | menu | help

Er is geen CSS ondersteuning.


		

de cursor style wordt hier crosshair

de cursor style wordt hier pointer

de cursor style wordt hier help

		
		

Met css kan je de cursor makkelijk van vorm veranderen. Meestal is dat niet nodig omdat de browsers slim genoeg zijn om zelf te bepalen welke cursor er getoond moet worden. Maar als je jouw eigen procedure wilt hebben (b.v. bij elke link een vraagteken weer te geven door aan een a-tag "cursor:help" toe te voegen) is dat geen enkel probleem. Houd in jouw achterhoofd dat niet alle browsers op dezelfde manier de cursors weergeven. Om "op zeker" te spelen kan je de waarden gebruiken die op deze pagina staan. Die werken in alle browsers.
Ik zet hieronder het stukje style-sheet van de 3 bars hierboven, en natuurlijk ook de 3 "h3-tjes" die in de body van de pagina staan.

		
		
<style type="text/css" media="screen">
	.draadkruis{cursor:crosshair}
	.handje{cursor:pointer}
	.hulp{cursor:help}
</style>

<h3 class="draadkruis">de cursor style wordt hier crosshair</h3>
<h3 class="handje">de cursor style wordt hier pointer</h3>
<h3 class="hulp">de cursor style wordt hier help</h3>
		
		
		
		

Property Values

Waarde Omschrijving
autodefault. de browser kiest de cursorr
crosshairde cursor rendert een crosshair
defaultde default cursor
e-resizede cursor geeft aan dat de hoek van een box naar rechts kan worden gesleept
helpde cursor geeft aan dat er help beschikbaar is
movede cursor geeft aan dat er iets gesleept kan worden
n-resizede cursor geeft aan dat de hoek van een box naar boven kan worden gesleept
ne-resizede cursor geeft aan dat de hoek van een box naar boven en naar rechts kan worden gesleept
nw-resizede cursor geeft aan dat de hoek van een box naar boven en naar links kan worden gesleept
pointerde cursor rendert een hand
progressde cursor geeft aan dat er een proces bezig is
s-resizede cursor geeft aan dat de hoek van een box naar beneden kan worden gesleept
se-resizede cursor geeft aan dat de hoek van een box naar beneden en naar rechts kan worden gesleept
sw-resizede cursor geeft aan dat de hoek van een box naar beneden en naar links kan worden gesleept
textde cursor geeft aan dat er tekst is
w-resizede cursor geeft aan dat de hoek van een box naar links kan worden gesleept
waitde cursor geeft aan dat er gewacht wordt

cache 10-09-2010