V některých případech je vhodné změnit výchozí podobu kurzoru myši nad konkrétním HTML prvkem či blokem. K tomuto účelu lze použít jednoduchou CSS vlastnost Cursor.
Použití je naprosto jednoduché. V kaskádovém stylu danému prvku přiřadíme jednu z následujících
span.crosshair {cursor:crosshair}
<div style=“cursor: wait“>Kurzor přesýpacích hodin</div>
| Hodnota | Popis |
|---|---|
| URL | Čárkou odělený seznam URL adres pro načtení vlastní sady kurzorů. Soubory CUR nebo ANI. Poznámka: vždy nezapomeňte určit všeobecný kurzor na konci seznamu, který bude použit ve zbývajících případech. |
| auto | Automaticky volený kurzor dle nastavení daného prohlížeče. |
| crosshair | Nitkový kříž. Ideální pro určení přesné pozice. |
| default | Výchozí nastavený kurzor pro daný element. |
| e-resize | Kurzor indikující možnost změny velikosti vpravo (east) |
| help | Šipka s nápovědným otazníkem, typicky indikující možnost nápovědy. |
| move | Kurzor indikující možnost přesunu objektu. |
| n-resize | Kurzor indikující možnost změny velikosti nahoru (north) |
| ne-resize | Kurzor indikující možnost změny velikosti nahoru a vpravo (north/east) |
| nw-resize | Kurzor indikující možnost změny velikosti nahoru a vlevo (north/west) |
| pointer | Kurzor ve tvaru ukazatele – typicky tvar ručičky. |
| hand | Kurzor ve tvaru ukazatele – typicky tvar ručičky. Funguje pouze v IE. |
| progress | Kurzor indikující stav přemýšlení – „přesýpací hodiny“ |
| s-resize | Kurzor indikující možnost změny velikosti dolů (south) |
| se-resize | Kurzor indikující možnost změny velikosti dolů a vpravo (south/east) |
| sw-resize | Kurzor indikující možnost změny velikosti dolů a vlevo (south/west) |
| text | Textový kurz (tvar velkého I) |
| w-resize | Kurzor indikující možnost změny velikosti vlevo (west) |
| wait | Kurzor indikující stav přemýšlení – „přesýpací hodiny“ |
| inherit | Kurzor bude převzat z nadřazeného elementu. |
Problémem pro starší verze Internet Exploreru může být nastavení kurzoru ukazatele (pointer). Je třeba použít následující sekvenci:
style=“cursor: pointer; cursor: hand“
případně
.rucicka {cursor: hand; cursor: pointer}
Vlastnost Cursor spadá do CSS2.