Vlastnosť cursor nastavuje vzhľad
kurzora pri prejdení myšou nad prvok.
Syntax
selektor {
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.
|
|
Rôzne
| Hodnota |
Popis |
Vzhľad |
crosshair |
Vzhľad v podobe zameriavača.
|
|
cell |
Vzhľad v podobe zameriavača.
|
|