Egenskapen cursor ställer in utseendet
på markören när den förs över ett element.
Syntax
cssselektor {
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.