CSS2.02.1 I.E.4.05.05.56.0

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>