Egenskapen cursor

Egenskapen cursor setter utseendet på markøren når den holdes over et element.

Syntaks

cssvelger {
  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
`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.