CSS cursor egenskap

Definition och användning

cursor-egenskapen specificerar den cursorform som ska visas.

Denna egenskap definierar den cursorform som används när muspekaren placeras inom en elementgräns (men CSS2.1 definierar inte vilken gräns som bestämmer detta område).

Se också:

CSS-tutorial:CSS-positionering

HTML DOM-handboken:cursor-egenskapen

Exempel

Några olika pekare:

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

Prova själv

CSS-syntax

cursor: value;

Egenskapsvärde

Värde Beskrivning
url

URL som krävs för den anpassade pekaren.

Kommentar:Definiera alltid en vanlig pekare i slutet av denna lista, för att undvika att det inte finns någon tillgänglig pekare definierad av URL.
default Standardpekare (vanligtvis en pil).
auto Standard. Pekare som webbläsaren ställer in.
crosshair Pekaren visas som en korspekare.
pointer Pekaren visas som en pekare som indikerar en länk (en hand).
move Denna pekare indikerar att ett objekt kan flyttas.
e-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas till höger (öster).
ne-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas uppåt och till höger (nord/öster).
nw-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas uppåt och till vänster (nord/väster).
n-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas uppåt (nord).
se-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas neråt och till höger (söder/öster).
sw-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas neråt och till vänster (söder/väster).
s-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas neråt (söder).
w-resize Denna pekare indikerar att kanterna på rektangelns ram kan flyttas till vänster (väster).
text Denna pekare indikerar text.
wait Denna pekare indikerar att programmet är upptaget (vanligtvis en klocka eller en sandklocka).
help Denna pekare indikerar tillgänglig hjälp (vanligtvis en frågeställare eller en ballong).

Tekniska detaljer

Standardvärde: auto
Arv: ja
Version: CSS2
JavaScript-syntax: object.style.cursor="crosshair"

TIY-exempel

Ändra pekare
Detta exempel visar hur man ändrar pekare.

Webbläsarstöd

Tal i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

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

Kommentar:Opera 9.3 och Safari 3 stöder inte url Värde.