| Value | Demo Cursor | Penulisan |
|---|---|---|
| default | Contoh (Hover) | cursor : default |
| crosshair | Contoh (Hover) | cursor : crosshair |
| hand | Contoh (Hover) | cursor : hand |
| pointer | Contoh (Hover) | cursor : pointer |
| Cross browser | Contoh (Hover) | cursor : hand |
| move | Contoh (Hover) | cursor : move |
| text | Contoh (Hover) | cursor : text |
| wait | Contoh (Hover) | cursor : wait |
| help | Contoh (Hover) | cursor : help |
| n-resize | Contoh (Hover) | cursor : n-resize |
| ne-resize | Contoh (Hover) | cursor : ne-resize |
| e-resize | Contoh (Hover) | cursor : e-resize |
| se-resize | Contoh (Hover) | cursor : se-resize |
| s-resize | Contoh (Hover) | cursor : s-resize |
| sw-resize | Contoh (Hover) | cursor : sw-resize |
| w-resize | Contoh (Hover) | cursor : w-resize |
| nw-resize | Contoh (Hover) | cursor : nw-resize |
| progress | Contoh (Hover) | cursor : progress |
| not-allowed | Contoh (Hover) | cursor : not-allowed |
| vertical-text | Contoh (Hover) | cursor : vertical-text |
| all-scroll | Contoh (Hover) | cursor : all-scroll |
| col-resize | Contoh (Hover) | cursor : col-resize |
| row-resize | Contoh (Hover) | cursor : row-resize |
Untuk penggunanya, silakan sisipkan salah satu jenis cursor di atas sesuai kebutuhan. Sebagai pola :
cursor:hover { color:#fff !important; background:#111; padding:5px; transition-duration:2s; -moz-transition-duration:2s; -webkit-transition-duration:2s; cursor:help; }