<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C/DTD XHTML+Voice 1.2 /EN' 'http://www.voicexml.org/specs/multimodal/x+v/12/dtd/xhtml+voice12.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:ev='http://www.w3.org/2001/xml-events'>
<head>
<link rel='stylesheet' href='http://pabi3.com/modules/items/voice.css' type='text/css' media='all' />
<form xmlns='http://www.w3.org/2001/vxml' id='title'>
<block>
The article CSS - kurzory, 6.diel is written by PaBi3
</block>
</form>
<form xmlns='http://www.w3.org/2001/vxml' id='body'>
<block>
V strankach, ktore su stavane v drvivej vacsine cez CSS je mozne si nadefinovat
vlastne kurzory nad elementy. Automaticky sa kurzory priraduju napr. k odkazom
resp. tagom &lt;a&gt;.</block>
</form>
<form xmlns='http://www.w3.org/2001/vxml' id='full'>
<block>
Ak chceme mat svoj vlastny CSS kurzor staci ak si ho nadefinujeme a nemusi to byt
len kurzor urceny prehliadacom. Takuto moznost nam prinieslo CSS vo verzii 2.
Prehlidace maju moznost zobrazovat 17 typov kurzorov prostrednictvom preddefinovanych
hodnot ale je tu este aj dalsia moznost zobrazenia vlastneho kurzoru. Tuto moznost
si popiseme na konci clanku.

Prehlad preddefinovanych kurzorov(staci prejst mysou po zvyrazneneom elemente):

Cursor: url


Cursor: auto


Cursor: crosshair


Cursor: default


Cursor: pointer (V MSIE je to 'hand')


Cursor: move


Cursor: e-resize


Cursor: ne-resize


Cursor: nw-resize


Cursor: n-resize


Cursor: se-resize


Cursor: sw-resize


Cursor: s-resize


Cursor: w-resize


Cursor: text


Cursor: wait


Cursor: help
Toto boli vsetky mozne kurzory s ktorymi sa mozete zatial v CSS stretnut. Povedal
som, ze si este popiseme posledny sposob ako zobrazit vlastny kurzor, ktory bude
ulozeny na disku. Postaci nam na to nasledujuci jednoduchy CSS kod.

* { cursor:url('vlastny_kurzor.cur'),pointer };

CSS kod vyjadruje najprv primarny kurzor, ktory sa ma zobrazit a nasledne sekundarny
kurzor, ktory bude zobrazeny po nenajdeni primarneho. Mozete samozrejme zadat
aj dalsie typy kurzorov(terciarny, kvarciarny atd.).

Toto by bolo o kurzoroch v CSS asi vsetko. Uvidime ake nove prinesie CSS3 :-).</block>
</form>
<base href='http://pabi3.com/' />
<title>CSS - kurzory, 6.diel</title>
</head>
<body ev:event='load' ev:handler='#title'>
<a href='http://pabi3.com/blog/css-kurzory-6-diel/' title='Návrat'>Návrat</a>
<h1 style='padding:0.5em;'>CSS - kurzory, 6.diel</h1>
<ul>
<li ev:event='click' ev:handler='#body'>Speak introduction</li>
<li ev:event='click' ev:handler='#full'>Speak full</li>
</ul>
</body>
</html>
