spacer
Yehuda Shiran July 10, 2000
Cursor Types
Tips: July 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Google Going Native With Chrome
Mozilla Fixes Firefox Flaws as 3.5 Release Nears
Microsoft and Novell Still Bosom Buddies

Cascaded Style Sheets (CSS) supports the cursor attribute. The cursor attribute allows you to specify what the cursor will look like when it is over an element. A simple application is when you want to indicate to the user that the text titled "Click Here" would perform an action when clicked, just like a text link on a Web page. Using the cursor attribute eliminates the need to use an anchor tag to change the cursor.

Specifying the cursor is fairly simple. You just define it in an HTML element, such as the following:

<SPAN CLASS="block" STYLE="cursor: crosshair">crosshair</SPAN>

The SPAN's content may be, among other things, an image:

<SPAN CLASS="block" STYLE="cursor: crosshair">"bc.gif"</SPAN>

Here are all the cursor types supported. Just move your cursor on top of the titles and see the actual cursor type in action:

crosshair default hand

move e-resize ne-resize

nw-resize n-resize se-resize

sw-resize s-resize w-resize

text wait help


People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
XML and PHP Simplified · Creating a ASP.NET Contact Form · Data Filtering with PHP
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Intel to Host Live Nehalem Q&A · 12 Tips to Troubleshoot Network File-Sharing · 10 Tips for Selling on Kijiji