Egenskapen cursor ställer in utseendet
på markören när den förs över ett element.
Syntax
selektor {
cursor: värde;
}
Anmärkning
Egenskapen har väldigt många värden. Nedan
har jag grupperat dessa värden för att göra det enklare
att orientera sig. Utseendet på markören skiljer sig
åt i olika webbläsare, så jag har inte tagit bilder
av markörerna, utan har istället i tabellerna med värden
gjort en speciell kolumn. Genom att för musen över
en cell i denna kolumn kan du se utseendet
på den beskrivna markören.
Värden
| Värde |
Beskrivning |
Utseende |
default |
Standardutseende i form av en pilpekare.
|
|
pointer |
Används för att visa att elementet
är aktivt och att man kan klicka på det
(sådan är standard för länkar).
|
|
help |
Används för att visa att elementet
har någon hjälp eller fråga kopplad till sig.
|
|
not-allowed |
Används för att visa otillåtlighet av en operation.
|
|
Text
| Värde |
Beskrivning |
Utseende |
text |
Standard textmarkör i form av ett vertikalt streck.
|
|
vertical-text |
Textmarkör för vertikal text.
|
|
Väntan
| Värde |
Beskrivning |
Utseende |
progress |
Används för att visa att någon form av
operation pågår och att användaren behöver vänta.
|
|
wait |
Används för att visa att användaren
behöver vänta.
|
|
Markör vid storleksändringar
Vid ändring av ett elements storlek bildas värdet
för egenskapen så här: ordet resize,
och framför det med bindestreck någon bokstav eller
flera bokstäver, till exempel: n-resize eller ne-resize.
Dessa bokstäver är de första bokstäverna i väderstrecken:
north - norr, south - söder, east - öst,
west - väst. Här används
de konventioner som är accepterade för terrängkartor:
norrt uppe, söder nere, väst till vänster, öst
till höger. Detta är förstås förvirrande, men vi får
använda det som det är tänkt:)
Så, här är värdena:
| Värde |
Riktning |
Väderstreck |
Utseende |
n-resize |
uppåt |
north (norr) |
|
ne-resize |
höger upp |
nord east (nordöst) |
|
e-resize |
höger |
east (öst) |
|
se-resize |
höger ner |
south east (sydöst) |
|
s-resize |
ner |
south (söder) |
|
sw-resize |
vänster ner |
south west (sydväst) |
|
w-resize |
vänster |
west (väst) |
|
nw-resize |
vänster upp |
nord west (nordväst) |
|
nesw-resize |
höger upp och vänster ner |
nord east - south west (nordöst - sydväst) |
|
nwse-resize |
vänster upp och höger ner |
nord west - south east (nordväst - sydöst) |
|
Ändra storlek på två element
| Värde |
Beskrivning |
Utseende |
col-resize |
Ändring i horisontell led. |
|
row-resize |
Ändring i vertikal led. |
|
Ändra zoom
| Värde |
Beskrivning |
Utseende |
zoom-in |
Förstoring. |
|
zoom-out |
Förminskning. |
|
Rörelse
| Värde |
Beskrivning |
Utseende |
move |
Används för att visa att elementet
kan flyttas, eller under flyttningen.
|
|
all-scroll |
Används för att visa att elementet
kan rullas med musen i alla riktningar.
|
|
Övrigt
| Värde |
Beskrivning |
Utseende |
crosshair |
Utseende i form av ett sikte.
|
|
cell |
Utseende i form av ett sikte.
|
|