Nie-domyślne kursory

Kod CSS może określać także jak ma wyglądać kursor w różnych okolicznościach. Chociaż niektóre przeglądarki mogą mieć zdefiniowany wygląd kursora w kodzie można wpłynąć na to jak w danym momencie wygląda kursor z danego szablonu przeglądarki. Zapewne nie raz widzieliście gdzieś w Internecie, że w polu, w którym można pisać pojawia się pionowa kreska, a po najechaniu na odnośnik pojawia się kursor w kształcie ręki z wyciągniętym palcem wskazującym. W różnych innych okolicznościach kursor można dowolnie modyfikować. Spis wszystkich właściwości, które można przypisać do kursora:


Wygląd
WartośćWyglądNSIEPrzykład
cursor-sampledefaultTEST6+4+cursor:default
cursor-samplecrosshairTEST6+4+cursor:crosshair
cursor-samplehandTEST4+cursor:hand
cursor-samplepointerTEST6+cursor:pointer
cursor-sampleCross browserTEST4+cursor:pointer;cursor:hand
cursor-samplemoveTEST6+4+cursor:move
cursor-sampletextTEST6+4+cursor:text
cursor-samplewaitTEST6+4+cursor:wait
cursor-samplehelpTEST6+4+cursor:help
cursor-samplen-resizeTEST6+4+cursor:n-resize
cursor-samplene-resizeTEST6+4+cursor:ne-resize
cursor-samplee-resizeTEST6+4+cursor:e-resize
cursor-samplese-resizeTEST6+4+cursor:se-resize
cursor-samples-resizeTEST6+4+cursor:s-resize
cursor-samplesw-resizeTEST6+4+cursor:sw-resize
cursor-samplew-resizeTEST6+4+cursor:w-resize
cursor-samplenw-resizeTEST4+4+cursor:nw-resize
cursor-sampleprogressTEST6+cursor:progress
cursor-samplenot-allowedTEST6+cursor:not-allowed
cursor-sampleno-dropTEST6+cursor:no-drop
cursor-samplevertical-textTEST6+cursor:vertical-text
cursor-sampleall-scrollTEST6+cursor:all-scroll
cursor-samplecol-resizeTEST6+cursor:col-resize
cursor-samplerow-resizeTEST6+cursor:row-resize
cursor-samplecursor:url(uri)TEST6+cursor:url(uri)