Ominaisuus cursor asettaa
kursorin ulkoasun, kun sitä siirretään elementin päälle.
Syntaksi
cssvalitsija {
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.