Vlastnosť cursor nastavuje vzhľad
kurzora pri prejdení myšou nad prvok.
Syntax
cssselektor {
cursor: hodnota;
}
Poznámka
Vlastnosť má veľmi veľa hodnôt. Nižšie
som tieto hodnoty zoskupil, aby bolo jednoduchšie
sa v nich zorientovať. Vzhľad kurzora sa líši
v rôznych prehliadačoch, preto som nerobil fotografie
kurzorov, ale jednoducho v tabuľkách s hodnotami
som vytvoril špeciálny stĺpec, pri prejdení myšou
nad bunku ktorého, môžete vidieť vzhľad
popisovaného kurzora.
Hodnoty
Hodnota
Popis
Vzhľad
default
Štandardný vzhľad v podobe ukazovateľa-šípky.
pointer
Používa sa na označenie, že prvok
je aktívny a naň možno kliknúť
(taký je štandardne pre odkazy).
help
Používa sa na označenie, že s prvkom
je spojená nejaká pomoc alebo otázka.
not-allowed
Používa sa na označenie neprípustnosti operácie.
Text
Hodnota
Popis
Vzhľad
text
Štandardný textový kurzor v podobe zvislej čiarky.
vertical-text
Textový kurzor pre zvislý text.
Čakanie
Hodnota
Popis
Vzhľad
progress
Používa sa na označenie, že prebieha
nejaká operácia a používateľ musí počkať.
wait
Používa sa na označenie, že používateľ
musí počkať.
Kurzor pri zmene veľkosti
Pri zmene veľkosti prvku sa hodnota
vlastnosti tvorí tak: slovo resize,
a pred ním cez pomlčku nejaké písmeno alebo
niekoľko písmen, napríklad: n-resize alebo ne-resize.
Tieto písmená sú prvými písmenami svetových
strán: north - sever, south - juh, east - východ,
west - západ. V tomto prípade sa používajú
dohody prijaté pre mapy terénu:
hore sever, dole juh, vľavo západ, vpravo
východ. Samozrejme, to mätie, ale musíme
to používať, ako je vymyslené:)
Takže, tu sú hodnoty:
Hodnota
Smer
Svetová strana
Vzhľad
n-resize
hore
north
ne-resize
vpravo hore
north east
e-resize
vpravo
east
se-resize
vpravo dole
south east
s-resize
dole
south
sw-resize
vľavo dole
south west
w-resize
vľavo
west
nw-resize
vľavo hore
north west
nesw-resize
vpravo hore a vľavo dole
north east - south west
nwse-resize
vľavo hore a vpravo dole
north west - south east
Zmena veľkosti dvoch prvkov
Hodnota
Popis
Vzhľad
col-resize
Zmena v horizontálnom smere.
row-resize
Zmena vo vertikálnom smere.
Zmena mierky
Hodnota
Popis
Vzhľad
zoom-in
Zväčšenie mierky.
zoom-out
Zmenšenie mierky.
Pohyb
Hodnota
Popis
Vzhľad
move
Používa sa na označenie, že prvok
je možné presúvať, alebo v momente presunu.
all-scroll
Používa sa na označenie, že prvok
sa posúva myšou vo všetkých smeroch.