Icon | Value | Live example (move mouse over box) | Browser |
auto | The User Agent determines the cursor to display based on the current context. | All | |
![]() | default |
style="cursor: default;"
| All |
![]() | hand |
style="cursor: hand;"
| IE |
![]() | pointer |
style="cursor: pointer;"
| NS6/ IE6 |
![]() | hand & pointer |
style="cursor: pointer; cursor: hand;"
| Cross browser |
![]() | crosshair |
style="cursor: crosshair;"
| All |
![]() | text |
style="cursor: text;"
| All |
![]() | wait |
style="cursor: wait;"
| All |
![]() | help |
style="cursor: help;"
| All |
inherit | Takes on its parent element's computed cursor value. | All | |
![]() | move |
style="cursor: move;"
| All |
![]() | e-resize |
style="cursor: e-resize;"
| All |
![]() | ne-resize |
style="cursor: ne-resize;"
| All |
![]() | nw-resize |
style="cursor: nw-resize;"
| All |
![]() | n-resize |
style="cursor: n-resize;"
| All |
![]() | se-resize |
style="cursor: se-resize;"
| All |
![]() | sw-resize |
style="cursor: sw-resize;"
| All |
![]() | s-resize |
style="cursor: s-resize;"
| All |
![]() | w-resize |
style="cursor: w-resize;"
| All |
![]() | progress |
style="cursor: progress;"
| IE6 |
![]() | all-scroll |
style="cursor: all-scroll;"
| IE6 |
![]() | col-resize |
style="cursor: col-resize;"
| IE6 |
![]() | no-drop |
style="cursor: no-drop;"
| IE6 |
![]() | not-allowed |
style="cursor: not-allowed;"
| IE6 |
![]() | row-resize |
style="cursor: row-resize;"
| IE6 |
![]() | url(uri) |
style="cursor: url(mycursor.cur);" Note: Only .cur and .ani file types are supported as of IE6.
| IE6 |
![]() | vertical-text |
style="cursor: vertical-text;"
| IE6 |
Labels: tips dan trik blogger
Icon | Value | Live example (move mouse over box) | Browser |
auto | The User Agent determines the cursor to display based on the current context. | All | |
![]() | default |
style="cursor: default;"
| All |
![]() | hand |
style="cursor: hand;"
| IE |
![]() | pointer |
style="cursor: pointer;"
| NS6/ IE6 |
![]() | hand & pointer |
style="cursor: pointer; cursor: hand;"
| Cross browser |
![]() | crosshair |
style="cursor: crosshair;"
| All |
![]() | text |
style="cursor: text;"
| All |
![]() | wait |
style="cursor: wait;"
| All |
![]() | help |
style="cursor: help;"
| All |
inherit | Takes on its parent element's computed cursor value. | All | |
![]() | move |
style="cursor: move;"
| All |
![]() | e-resize |
style="cursor: e-resize;"
| All |
![]() | ne-resize |
style="cursor: ne-resize;"
| All |
![]() | nw-resize |
style="cursor: nw-resize;"
| All |
![]() | n-resize |
style="cursor: n-resize;"
| All |
![]() | se-resize |
style="cursor: se-resize;"
| All |
![]() | sw-resize |
style="cursor: sw-resize;"
| All |
![]() | s-resize |
style="cursor: s-resize;"
| All |
![]() | w-resize |
style="cursor: w-resize;"
| All |
![]() | progress |
style="cursor: progress;"
| IE6 |
![]() | all-scroll |
style="cursor: all-scroll;"
| IE6 |
![]() | col-resize |
style="cursor: col-resize;"
| IE6 |
![]() | no-drop |
style="cursor: no-drop;"
| IE6 |
![]() | not-allowed |
style="cursor: not-allowed;"
| IE6 |
![]() | row-resize |
style="cursor: row-resize;"
| IE6 |
![]() | url(uri) |
style="cursor: url(mycursor.cur);" Note: Only .cur and .ani file types are supported as of IE6.
| IE6 |
![]() | vertical-text |
style="cursor: vertical-text;"
| IE6 |
Labels: tips dan trik blogger