Ominaisuus cursor asettaa
kursorin ulkoasun, kun sitä siirretään elementin päälle.
Syntaksi
valitsija {
cursor: arvo;
}
Huomautus
Ominaisuudella on erittäin paljon arvoja. Alla
olen ryhmittellyt nämä arvot, jotta niissä on helpompi
suunnistaa. Kursorin ulkoasu vaihtelee
eri selaimissa, joten en ole ottanut kuvia
kursoreista, vaan olen vain taulukoissa arvojen kanssa
luonut erityisen sarakkeen, jota hiirellä osoittaessa
sarakekohdassa, pystyt näkemään kuvatun
kursorin ulkoasun.
Arvot
| Arvo |
Kuvaus |
Ulkoasu |
default |
Vakio ulkoasu osoitinnuolen muodossa.
|
|
pointer |
Käytetään osoittamaan, että elementti
on aktiivinen ja sitä voi painaa
(tällainen on oletusarvoisesti linkeille).
|
|
help |
Käytetään osoittamaan, että elementtiin
liittyy jotain apua tai kysymystä.
|
|
not-allowed |
Käytetään osoittamaan operaation kieltoa.
|
|
Teksti
| Arvo |
Kuvaus |
Ulkoasu |
text |
Vakio tekstikursori pystysuoran sauvan muodossa.
|
|
vertical-text |
Tekstikursori pystysuoralle tekstille.
|
|
Odotus
| Arvo |
Kuvaus |
Ulkoasu |
progress |
Käytetään osoittamaan, että tapahtuu
jotain operaatiota ja käyttäjän täytyy odottaa.
|
|
wait |
Käytetään osoittamaan, että käyttäjän
täytyy odottaa.
|
|
Kursori koonmuutoksissa
Kun elementin kokoa muutetaan, ominaisuuden arvo
muodostetaan seuraavasti: sana resize,
ja sen edessä väliviivalla jokin kirjain tai
useita kirjaimia, esimerkiksi: n-resize tai ne-resize.
Nämä kirjaimet ovat ilmansuuntien ensimmäisiä
kirjaimia: north - pohjoinen, south - etelä, east - itä,
west - länsi. Tässä tapauksessa käytetään
maastokartoille hyväksyttyjä sopimuksia:
ylhäällä pohjoinen, alhaalla etelä, vasemmalla länsi, oikealla
itä. Tämä tietysti hämmentää, mutta täytyy
käyttää, kuten on keksitty:)
Siis, tässä arvot:
| Arvo |
Suunta |
Ilmansuunta |
Ulkoasu |
n-resize |
ylös |
pohjoinen (north) |
|
ne-resize |
oikealle ylös |
pohjoinen itä (north east) |
|
e-resize |
oikealle |
itä (east) |
|
se-resize |
oikealle alas |
etelä itä (south east) |
|
s-resize |
alas |
etelä (south) |
|
sw-resize |
vasemmalle alas |
etelä länsi (south west) |
|
w-resize |
vasemmalle |
länsi (west) |
|
nw-resize |
vasemmalle ylös |
pohjoinen länsi (north west) |
|
nesw-resize |
oikealle ylös ja vasemmalle alas |
pohjoinen itä - etelä länsi (north east - south west) |
|
nwse-resize |
vasemmalle ylös ja oikealle alas |
pohjoinen länsi - etelä itä (north west - south east) |
|
Kahden elementin koon muuttaminen
| Arvo |
Kuvaus |
Ulkoasu |
col-resize |
Muutos vaakatasossa. |
|
row-resize |
Muutos pystytasossa. |
|
Zoomin muuttaminen
| Arvo |
Kuvaus |
Ulkoasu |
zoom-in |
Zooman suurentaminen. |
|
zoom-out |
Zooman pienentaminen. |
|
Liikkuminen
| Arvo |
Kuvaus |
Ulkoasu |
move |
Käytetään osoittamaan, että elementtiä
voi siirtää, tai siirron aikana.
|
|
all-scroll |
Käytetään osoittamaan, että elementtiä
vieritetään hiirellä kaikkiin suuntiin.
|
|
Sekalaista
| Arvo |
Kuvaus |
Ulkoasu |
crosshair |
Ulkoasu tähtäimen muodossa.
|
|
cell |
Ulkoasu tähtäimen muodossa.
|
|
