Torne (Richard Coles) | 5c87bf8 | 2012-11-14 11:46:17 +0000 | [diff] [blame] | 1 | <div>Mouse over the grey blocks to change the cursor.</div> |
| 2 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: auto">auto</div> |
| 3 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: default">default</div> |
| 4 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: hand">hand</div> |
| 5 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: pointer">pointer</div> |
| 6 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: text">text</div> |
| 7 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: help">help</div> |
| 8 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: crosshair">crosshair</div> |
| 9 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: move">move</div> |
| 10 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: w-resize">w</div> |
| 11 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: e-resize">e</div> |
| 12 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: n-resize">n</div> |
| 13 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: s-resize">s</div> |
| 14 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: nw-resize">nw</div> |
| 15 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: ne-resize">ne</div> |
| 16 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: sw-resize">sw</div> |
| 17 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: se-resize">se</div> |
| 18 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: ns-resize">ns</div> |
| 19 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: ew-resize">ew</div> |
| 20 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: nwse-resize">nwse</div> |
| 21 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: nesw-resize">nesw</div> |
| 22 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: col-resize">col</div> |
| 23 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: row-resize">row</div> |
| 24 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: all-scroll">allscroll</div> |
| 25 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: vertical-text">verticaltext</div> |
| 26 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: context-menu">contextmenu</div> |
| 27 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: no-drop">nodrop</div> |
| 28 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: not-allowed">notallowed</div> |
| 29 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: progress">progress</div> |
| 30 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: wait">wait</div> |
| 31 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: alias">alias</div> |
| 32 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: cell">cell</div> |
| 33 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: copy">copy</div> |
| 34 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: none">none</div> |
| 35 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: -webkit-zoom-in">zoom in</div> |
| 36 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: -webkit-zoom-out">zoom out</div> |
| 37 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: -webkit-grab">grab</div> |
| 38 | <div style="width: 20px; height: 20px; margin: 10px; background: #ddd; cursor: -webkit-grabbing">grabbing</div> |