Egenskapen cursor setter utseendet
på markøren når den holdes over et element.
Syntaks
velger {
cursor: verdi;
}
Merknad
Egenskapen har veldig mange verdier. Nedenfor
har jeg gruppert disse verdiene for å gjøre det enklere
å orientere seg. Utseendet på markøren varierer
i forskjellige nettlesere, så jeg tok ikke bilder
av markørene, men lagde i stedet en spesiell kolonne i verditabellene.
Ved å holde musepekeren over en celle i denne kolonnen
kan du se utseendet til den beskrevne markøren.
Verdier
| Verdi |
Beskrivelse |
Utseende |
default |
Standard utseende i form av en pil-peker.
|
|
pointer |
Brukes for å vise at et element
er aktivt og at man kan klikke på det
(slik som standard for lenker).
|
|
help |
Brukes for å vise at det er knyttet
hjelp eller et spørsmål til elementet.
|
|
not-allowed |
Brukes for å vise at en operasjon ikke er tillatt.
|
|
Tekst
| Verdi |
Beskrivelse |
Utseende |
text |
Standard tekstmarkør i form av en vertikal strek.
|
|
vertical-text |
Tekstmarkør for vertikal tekst.
|
|
Venting
| Verdi |
Beskrivelse |
Utseende |
progress |
Brukes for å vise at en operasjon
foregår og at brukeren må vente.
|
|
wait |
Brukes for å vise at brukeren
må vente.
|
|
Markør for endring av størrelse
Ved endring av størrelse på et element dannes verdien
for egenskapen slik: ordet resize,
og foran det med bindestrek en eller flere bokstaver,
for eksempel: n-resize eller ne-resize.
Disse bokstavene er de første bokstavene i himmelretningene:
north - nord, south - sør, east - øst,
west - vest. Her brukes
konvensjonene som er akseptert for landkart:
nord øverst, sør nederst, vest til venstre, øst
til høyre. Dette kan selvsagt være forvirrende, men vi må
bruke det slik det er funnet på:)
Så, her er verdiene:
| Verdi |
Retning |
Himmelretning |
Utseende |
n-resize |
oppover |
nord |
|
ne-resize |
til høyre og opp |
nord øst |
|
e-resize |
til høyre |
øst |
|
se-resize |
til høyre og ned |
sør øst |
|
s-resize |
nedover |
sør |
|
sw-resize |
til venstre og ned |
sør vest |
|
w-resize |
til venstre |
vest |
|
nw-resize |
til venstre og opp |
nord vest |
|
nesw-resize |
til høyre og opp og til venstre og ned |
nord øst - sør vest |
|
nwse-resize |
til venstre og opp og til høyre og ned |
nord vest - sør øst |
|
Endring av størrelse på to elementer
| Verdi |
Beskrivelse |
Utseende |
col-resize |
Endring horisontalt. |
|
row-resize |
Endring vertikalt. |
|
Endring av zoom
| Verdi |
Beskrivelse |
Utseende |
zoom-in |
Forstørring. |
|
zoom-out |
Forminskning. |
|
Bevegelse
| Verdi |
Beskrivelse |
Utseende |
move |
Brukes for å vise at et element
kan flyttes, eller i øyeblikket det flyttes.
|
|
all-scroll |
Brukes for å vise at et element
kan scrolles med musepekeren i alle retninger.
|
|
Diverse
| Verdi |
Beskrivelse |
Utseende |
crosshair |
Utseende i form av et korshår.
|
|
cell |
Utseende i form av et korshår.
|
|