Vlastnost cursor nastavuje vzhled
kurzoru při najetí na element.
Syntaxe
cssselektor {
cursor: hodnota;
}
Poznámka
Vlastnost má velmi mnoho hodnot. Níže
jsem tyto hodnoty seskupil, aby bylo snazší
se orientovat. Vzhled kurzoru se liší
v různých prohlížečích, proto jsem nedělal fotky
kurzorů, ale jednoduše v tabulkách s hodnotami
udělal speciální sloupec, při najetí myší
na buňku kterého, uvidíte vzhled
popisovaného kurzoru.
Hodnoty
Hodnota
Popis
Vzhled
default
Standardní vzhled ve formě šipky.
pointer
Používá se, aby ukázalo, že element
je aktivní a na něj lze klikat
(takový je defaultně pro odkazy).
help
Používá se, aby ukázalo, že s elementem
je spojena nějaká nápověda nebo otázka.
not-allowed
Používá se, aby ukázalo nepřípustnost operace.
Text
Hodnota
Popis
Vzhled
text
Standardní textový kurzor ve formě svislé čárky.
vertical-text
Textový kurzor pro vertikální text.
Čekání
Hodnota
Popis
Vzhled
progress
Používá se, aby ukázalo, že probíhá
nějaká operace a uživatel musí počkat.
wait
Používá se, aby ukázalo, že uživatel
musí počkat.
Kurzor při změnách velikosti
Při změně velikosti elementu se hodnota
vlastnosti tvoří tak: slovo resize,
a před ním přes pomlčku nějaké písmeno nebo
několik písmen, například: n-resize nebo ne-resize.
Tato písmena jsou první písmena světových
stran: north - sever, south - jih, east - východ,
west - západ. V tomto případě se používají
konvence přijaté pro mapy terénu:
nahoře sever, dole jih, vlevo západ, vpravo
východ. Samozřejmě, že to mate, ale budeme
to muset používat, jak je vymyšleno:)
Tedy, zde jsou hodnoty:
Hodnota
Směr
Světová strana
Vzhled
n-resize
nahoru
north
ne-resize
vpravo nahoru
nord east
e-resize
vpravo
east
se-resize
vpravo dolů
south east
s-resize
dolů
south
sw-resize
vlevo dolů
south west
w-resize
vlevo
west
nw-resize
vlevo nahoru
nord west
nesw-resize
vpravo nahoru a vlevo dolů
nord east - south west
nwse-resize
vlevo nahoru a vpravo dolů
nord west - south east
Změna velikosti dvou elementů
Hodnota
Popis
Vzhled
col-resize
Změna v horizontálním směru.
row-resize
Změna ve vertikálním směru.
Změna měřítka
Hodnota
Popis
Vzhled
zoom-in
Zvětšení měřítka.
zoom-out
Zmenšení měřítka.
Pohyb
Hodnota
Popis
Vzhled
move
Používá se, aby ukázalo, že element
lze přesouvat, nebo v moment přesouvání.
all-scroll
Používá se, aby ukázalo, že element
se posouvá myší ve všech směrech.