Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
GreenGeeks Web Hosting - Faster, Scalable & Eco-Friendly

BlueHost Web Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

getflywheel wordpress hosting


Distribute your Resume to 500+ Job Boards & Recruiters


7,904 questions

11,012 answers

573 users

What CSS Cursor Styles exist in CSS and CSS3

OneTravel.com | Grab our Special Flight Deal!


18 views
asked Jul 7, 2015 by avibootz
edited Jul 7, 2015 by avibootz

1 Answer

0 votes
<!DOCTYPE html>
<html>

<head></head>

<body>

Move your mouse over the words (styles) to see the cursors: <br /><br />

<span style="cursor:default">default</span><br />
<span style="cursor:auto">auto</span><br />
<span style="cursor:all-scroll">all-scroll</span><br />
<span style="cursor:crosshair">crosshair</span><br />
<span style="cursor:text">text</span><br />
<span style="cursor:vertical-text">vertical-text</span><br />
<span style="cursor:grab">grab</span><br />
<span style="cursor:grabbing">grabbing</span><br />
<span style="cursor:help">help</span><br />
<span style="cursor:move">move</span><br />
<span style="cursor:e-resize">e-resize</span><br />
<span style="cursor:n-resize">n-resize</span><br />
<span style="cursor:ne-resize">ne-resize</span><br />
<span style="cursor:nw-resize">nw-resize</span><br />
<span style="cursor:nesw-resize">nesw-resize</span><br />
<span style="cursor:ns-resize">ns-resize</span><br />
<span style="cursor:s-resize">s-resize</span><br />
<span style="cursor:se-resize">se-resize</span><br />
<span style="cursor:sw-resize">sw-resize</span><br />
<span style="cursor:w-resize">w-resize</span><br />
<span style="cursor:row-resize">row-resize</span><br />
<span style="cursor:pointer">pointer</span><br />
<span style="cursor:progress">progress</span><br />
<span style="cursor:copy">copy</span><br />
<span style="cursor:wait">wait</span><br />
<span style="cursor:no-drop">no-drop</span><br />
<span style="cursor:not-allowed">not-allowed</span><br />
<span style="cursor:alias">alias</span><br />
<span style="cursor:context-menu">context-menu</span><br />
<span style="cursor:col-resize">col-resize</span><br />
<span style="cursor:cell">cell</span><br />
<span style="cursor:none">none</span><br />
<span style="cursor:initial">initial</span><br />
<span style="cursor:zoom-in">zoom-in</span><br />
<span style="cursor:zoom-out">zoom-out</span><br />

</body>

</html>

 




answered Jul 7, 2015 by avibootz
...