Možná jste se již setkali se stránkami, které Vás ohromily svým jednoduchým, ale přesto přehledným vzhledem, založeny na minimální grafice. Takové stránky většinou využívají ve veliké míře kaskádové styly první nebo druhé úrovně, které jsou velice efektní. Dnes je již podporují snad všechny prohlížeče. Nejvíce je jich implementováno v prohlížeči Internet Explorer, který je dnes již ve verzi 6.0 a v prohlížeči Netscape.

Jednou součástí kaskádových stylů je také možnost záměny kurzoru, a právě tímto se zabývá tento článek. Velice žhavá novinka, která přišla s novou verzí Internet Exploreru 6.0, je možnost použití úplně vlastního kurzoru bez omezení. V níže uvedené tabulce jsou přehledně uspořádány kompletní vlastnosti stylů kurzorů i s uvedením podpory kurzoru v nejpoužívanějších prohlížečích.

Kompletní přehled nastavení kurzorů pomocí kaskádových stylů
	Ukázka	Vlastnost stylu	Popis	Podpora u prohlížečů
	automatický	cursor:auto	kurzor se zobrazuje podle události, která právě nastala (implicitní nastavení)	IE 4.0; Netscape ----; Opera --;
	šipka	cursor:default	kurzor se zobrazuje jako standardní šipečka ve windows	IE 4.0; Netscape 6.0; Opera --;
	zaměřovač	cursor:crosshair	kurzor se zobrazuje jako zaměřovač	IE 4.0; Netscape 6.0; Opera --;
	ruka	cursor:hand	standardní ukazatel při nájezdu na odkaz	IE 4.0; Netscape ----; Opera --;
	posun	cursor:move	čtyřsměrná šipka signalizující posun	IE 4.0; Netscape 6.0; Opera --;
	text	cursor:text	kurzor textového dokumentu	IE 4.0; Netscape 6.0; Opera --;
	načítání	cursor:wait	načítací hodiny bez šipečky	IE 4.0; Netscape 6.0; Opera --;
	nápověda	cursor:help	šipečka s otazníkem symbolizující nápovědu	IE 4.0; Netscape 6.0; Opera --;
	ukazatel	cursor:e-resize	šipka směřující doprava popř. kurzor změny velikosti okna	IE 4.0; Netscape 6.0; Opera --;
	ukazatel	cursor:n-resize	šipka směřující nahoru popř. kurzor změny velikosti okna	IE 4.0; Netscape 6.0; Opera --;
	ukazatel	cursor:w-resize	šipka směřující doleva popř. kurzor změny velikosti okna	IE 4.0; Netscape 6.0; Opera --;
	ukazatel	cursor:s-resize	šipka směřující dolů popř. kurzor změny velikosti okna	IE 4.0; Netscape 6.0; Opera --;
	šipka	cursor:ne-resize	kurzor směřující na severovýchod	IE 4.0; Netscape 6.1; Opera --;
	šipka	cursor:se-resize	kurzor směřující na jihovýchod	IE 4.0; Netscape 6.1; Opera --;
	šipka	cursor:nw-resize	kurzor směřující na severozápad	IE 4.0; Netscape 6.1; Opera --;
	šipka	cursor:sw-resize	kurzor směřující na jihozápad	IE 4.0; Netscape 6.1; Opera --;
	posun	cursor:all-scroll	čtyřsměrný posun v okně stránky	IE 6.0; Netscape ----; Opera --;
	resize	cursor:col-resize	vertikální šipka pro změnu velikosti okna	IE 6.0; Netscape ----; Opera --;
	resize	cursor:row-resize	horizontální šipka pro změnu velikosti okna	IE 6.0; Netscape ----; Opera --;
	zakázaná ruka	cursor:no-drop	kurzor se zobrazuje při nájezdu na odkaz, který vede na síť internet v režimu offline	IE 6.0; Netscape ----; Opera --;
	stop	cursor:not-allowed	kurzor nepovolená akce	IE 6.0; Netscape ----; Opera --;
	ruka	cursor:pointer	ruka	IE 6.0; Netscape 6.1; Opera --;
	načítání	cursor:progress	kurzor symbolizující načítání v IE	IE 6.0; Netscape ----; Opera --;
	načítání	cursor:spinning	kurzor symbolizující načítání v Netscape	IE ----; Netscape 6.0; Opera --;
	text	cursor:vertical-text	to samé jako kurzor text ovšem v horizontální poloze	IE 6.0; Netscape ----; Opera --;
	kopírování	cursor:copy	kurzor se symbolem plus	IE ----; Netscape 6.0; Opera --;
	přejít	cursor:alias	kurzor se symbolem šipečky	IE ----; Netscape 6.0; Opera --;
	plus	cursor:cell	kurzor plus	IE ----; Netscape 6.0; Opera --;
	ruka táhnutí	cursor:grabbing	ruka zobrazena při táhnutí obrázku	IE ----; Netscape 6.0; Opera --;
	uvolněná ruka	cursor:grab	ruka zobrazena po táhnutí obrázku	IE ----; Netscape 6.0; Opera --;

Vlastní kurzor
	Ukázka	Vlastnost stylu	Popis	Podpora u prohlížeče
	ukazka.cur	cursor:url("ukazka.cur")	přidá vlastní kurzor do stránky	IE 6.0;

Zápis url

URL se zapisuje, když je potřeba zadat jméno souboru, většinou obrázku nebo tedy kurzoru. Potom se url zapisuje zhruba takto:

body {cursor: url("climg/2330/mujvlastni/cursor.cur");}

Výsledný efekt bude ten, že v prohlížeči IE 6.0 bude místo standardního kurzoru šipky Vaš kurzor.

Pro dnešek se s Vámi loučím a teším se na Vás i u dalších tipů, triků a rad.