CSS cursor egenskab

Definition og brug

cursor-egenskaben bestemmer typen af pind, der skal vises (form).

Denne egenskab definerer den pindform, der bruges, når musepegelet er placeret inden for en elementgrænse (dog definerer CSS2.1 ikke, hvilken grænse der bestemmer dette område).

Se også:

CSS undervisning:CSS placering

HTML DOM referencehåndbog:cursor egenskab

Eksempel

Nogle forskellige markører:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Prøv det selv

CSS syntaks

cursor: value;

Egenskabsværdi

Værdi Beskrivelse
url

URL til den tilpassede markør, der skal bruges.

Bemærkninger:Definer altid en almindelig markør i bunden af denne liste, for at undgå, at der ikke er en tilgængelig markør defineret ved URL.
default Standardmarkør (normalt en pile)
auto Standard. Browserens indstillede markør.
crosshair Markøren vises som en kryds.
pointer Markøren vises som en pegefinger (en hånd)
move Denne markør indikerer, at et objekt kan flyttes.
e-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes til højre (øst).
ne-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes opad og til højre (nord/øst).
nw-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes opad og til venstre (nord/vest).
n-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes opad (nord).
se-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes nedad og til højre (syd/øst).
sw-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes nedad og til venstre (syd/vest).
s-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes nedad (syd).
w-resize Denne markør indikerer, at kanterne på en rektangulær ramme kan flyttes til venstre (vest).
text Denne markør indikerer tekst.
wait Denne markør indikerer, at programmet er optaget (normalt en tabel eller en sandklokke).
help Denne markør indikerer tilgængelig hjælp (normalt et spørgsmålstegn eller en ballon).

Tekniske detaljer

Standardværdi: auto
Arv: ja
Version: CSS2
JavaScript syntaks: object.style.cursor="crosshair"

TIY eksempel

Ændr markør
Dette eksempel viser, hvordan man ændrer markøren.

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Bemærkninger:Opera 9.3 og Safari 3 understøtter ikke url værdi.