• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
The Electric Toolbox Blog

The Electric Toolbox Blog

Linux, Apache, Nginx, MySQL, Javascript and PHP articles

  • Applications
  • FCKEditor
  • Apache
  • Windows
  • Contact Us
Home / HTML And CSS / CSS cursor property

CSS cursor property

Occasionally I’ve needed to specifically make the mouse a hand with HTML and CSS when mousing over a particular area and I’m always forgetting the property used to set it, so this quick post is for my own quick reference, and shows example of the other property values too.

cursor: pointer

To make the mouse a hand set the “cursor” property to “pointer”, for example:

#example {
    cursor: pointer;
}

This paragraph will make the mouse cursor a pointer when you mouse over it.

Note that it’s “pointer” and not “hand” which is a mistake I commonly make myself.

Other values

There are a number of other property values which can be useful. These are listed below and will show the effect each has as you mouse over them.

auto

crosshair

default

e-resize

help

move

n-resize

ne-resize

nw-resize

pointer

progress

s-resize

se-resize

sw-resize

text

w-resize

wait

Check Out These Related posts:

  1. jQuery: Mouse co-ordinates within the element when mouseover or click an element
  2. RFC 1321 – MD5 Message-Digest Algorithm
  3. Get the mouse co-ordinates with jQuery
  4. Change the cursor with Javascript

Filed Under: HTML And CSS

Primary Sidebar

Categories

  • Apache
  • Applications
  • Article
  • Case Studies
  • Email Servers
  • FCKEditor
  • HTML And CSS
  • Javascript
  • Linux/Unix/BSD
  • Microsoft SQL Server
  • Miscellaneous Postings
  • MySql
  • Networking
  • Nginx Web Server
  • Offsite Articles
  • OSX
  • PHP
  • Quick Tips
  • RFC – Request for Comments
  • SilverStripe
  • VMWare
  • VPN
  • Windows
  • WordPress

Recent Posts

  • Vim Show Line Numbers
  • Add User To Group Linux
  • Chmod 777 Tutorial
  • How to Copy Directory Linux
  • Linux create user

Copyright © 2021. ElectricToolBox. All Rights Reserved.

  • Contact Us
  • Copyright Info
  • Privacy Policy
  • Sitemap