cursor:
Tento kaskádový styl se používá pro zadání jaký typ ukazatele myši se zobrazí po najetí kurzoru myši na objekt. Proto aby jste věděli jak přesně ukazatel myši vypadá můžete najet kurzorem myši na text:
"test kurzoru zde"
Hodnoty:
auto: automatický dle kontextu, standardní hodnota, test kurzoru zde
crosshair: jednoduchý kurzor (tenký kříž +), test kurzoru zde
default: standardní kurzor (šipka), test kurzoru zde
hand: ruka (ruka s ukazujícím prstem), pouze v Internet Exploreru, test kurzoru zde
help: pomoc (otazník nebo balón se šipkou), test kurzoru zde
move: obdoba jednoduchého kurzoru jen kříž tvoří šipky, test kurzoru zde
pointer: mělo by se jednat o textový kurzor (I), ale v Internet Exploreru je to jako hodnota "hand", test kurzoru zde
progress: šipka s přesýpacími hodinami, test kurzoru zde
text: ukáže text, který může být vybraný. Často poskytnutý jako I-bar, test kurzoru zde
wait: ukazatel, že program je zaneprázdněný a uživatel by měl čekat (hourglass: přesýpací hodiny), test kurzoru zde
e-resize: ukazatel směru, šipka vpravo, test kurzoru zde
ne-resize: ukazatel směru, šipka pravý horní roh, test kurzoru zde
nw-resize: ukazatel směru, šipka levý horní roh, test kurzoru zde
n-resize: ukazatel směru, šipka nahoru, test kurzoru zde
se-resize: ukazatel směru, šipka pravý dolní roh, test kurzoru zde
sw-resize: ukazatel směru, šipka levý dolní roh, test kurzoru zde
s-resize: ukazatel směru, šipka dole, test kurzoru zde
w-resize: ukazatel směru, šipka vlevo, test kurzoru zde
url('kurzor'): URL adresa kde je umístěn kurzor (.cur, .csr, .ani). Podpora byla přidána od standardu CSS 2 a v Internet Exploreru od verze 6.0.
Nové kurzory jen pro Internet Explorer od verze 6.0:
all-scroll: kříž ze šipek vprostředu tečka; col-resize: kříž ze šipkami vlevo a vpravo; no-drop: ruka s malým kruhem a linkou přes; not-allowed: kruh s linkou přes; row-resize: kříž ze šipkami nahoru a dole; vertical-text: ležatý textový kurzor I-bar
Příklad:
<DIV STYLE="cursor: auto;"> Text, který je nastaven pomoci stylu CSS. </DIV> /* podpora od CSS 2, I.E. 6.0 */ <DIV STYLE="cursor: url('sipka.cur'), url('http://www.cursor.cz/animsipka.csr');"> Text, který je nastaven pomoci stylu CSS. </DIV>