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