Muspekaren

Obs!
Alla exempel öppnas i ett nytt fönster!

I specifikationen för CSS2 finns olika möjligheter att styra muspekarens utseende. Detta sköts helt och hållet via kommandot cursor, som kan användas för alla HTML-element. Här är ett exempel:

IMG { cursor: crosshair }

Användningen är främst till för alla som använder sig av olika java- och vektoriserade objekt, medan vanliga HTML-pysslare knappast har någon nytta av kommandona. Följande värden finns i specifikationen:

auto

Webbläsaren avgör själv vilken muspekare som skall användas. Detta är grundinställningen och behöver alltså i princip inte användas.

default

Om man har "auto" så ändras pilen till "länkpilen" när man t.ex håller musen över en länk. Har man "default" är musen fortfarande en pil när man håller över länken.

crosshair

Muspekaren ser ut som ett kors.

pointer

Ser ut som när man håller muspekaren över en länk, dvs en knuten hand med pekfingret utsträckt.

move

Indikerar att ett objekt går att flytta genom att se ut som en öppen hand eller som en kompassros med pilar i fyra riktningar.

text

Ser ut som när man klickat i en textruta, dvs som ett rakt, vertikalt streck.

wait

Ger en timglasformad (etc) muspekare, som signalerar att man måste vänta.

help

Skapar ett frågetecken som talar om att man får hjälp om man klickar på ett visst objekt.

Utöver dessa har jag även sett två varianter. Dels hand och dels resize. Den senare talar om vilka delar av en sida som går att förändra, t.ex ett fönster som går att göra större.

Resize-kommandot finns dessutom i ett antal varianter, som svarar mot de fyra väderstrecken. Muspekaren skall också peka åt det håll man anger:

n-resize

north

ne-resize

north-east

e-resize

east

se-resize

south-east

s-resize

south

sw-resize

south-west

w-resize

west

nw-resize

north-west

Kolla hur de ser ut i praktiken >>