Skip to content

Instantly share code, notes, and snippets.

@arturmamedov
Created September 9, 2016 12:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arturmamedov/f7333e2c190eabdc0b028c2e2ce5ff66 to your computer and use it in GitHub Desktop.
Save arturmamedov/f7333e2c190eabdc0b028c2e2ce5ff66 to your computer and use it in GitHub Desktop.
CSS cursor values Table
<table class="data myne_kol" style="width:450px">
<caption>
Tabella dei Cursori CSS
</caption>
<tbody><tr>
<th>Cursore</th>
<th>Valore CSS</th>
<th>Esempio</th>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_default.png"></td>
<td>default</td>
<td>P {cursor: default}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_crosshair.png"></td>
<td>crosshair</td>
<td>P {cursor: crosshair}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_help.png"></td>
<td>help</td>
<td>P {cursor: help}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_move.png"></td>
<td>move</td>
<td>P {cursor: move}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_pointer.png"></td>
<td>pointer</td>
<td>P {cursor: pointer}</td>
</tr>
<tr>
<td><img height="26" width="25" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_progress.png"></td>
<td>progress</td>
<td>P {cursor: progress}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_text.png"></td>
<td>text</td>
<td>P {cursor: text}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_wait.png"></td>
<td>wait</td>
<td>P {cursor: wait}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_nresize.png"></td>
<td>n-resize</td>
<td>P {cursor: n-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_neresize.png"></td>
<td>ne-resize</td>
<td>P {cursor: ne-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_eresize.png"></td>
<td>e-resize</td>
<td>P {cursor :e-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt=" /" src="http://htmlbook.ru/files/images/css/css_cursor_seresize.png"></td>
<td>se-resize</td>
<td>P {cursor: se-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_sresize.png"></td>
<td>s-resize</td>
<td>P {cursor: s-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_swresize.png"></td>
<td>sw-resize</td>
<td>P {cursor: sw-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_wresize.png"></td>
<td>w-resize</td>
<td>P {cursor: w-resize}</td>
</tr>
<tr>
<td><img height="26" width="26" alt="" src="http://htmlbook.ru/files/images/css/css_cursor_nwresize.png"></td>
<td>nw-resize</td>
<td>P {cursor :nw-resize}</td>
</tr>
</tbody></table>
@arturmamedov
Copy link
Author

Ops there are another cursors types: https://developer.mozilla.org/it/docs/Web/CSS/cursor

@arturmamedov
Copy link
Author

listinoprezzi___admin

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment