Vlastnost cursor nastavuje vzhled
kurzoru při najetí na element.
Syntaxe
selektor {
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.
|
|
Různé
| Hodnota |
Popis |
Vzhled |
crosshair |
Vzhled ve formě zaměřovače.
|
|
cell |
Vzhled ve formě zaměřovače.
|
|
