DevGuru CSS2: cursor

Quick References

Features

Partners

			PROPERTY: cursor
			cursor : auto \| crosshair \| default \| help \| move \| pointer \| e-resize \| n-resize \| ne-resize \| nw-resize \| s-resize \| se-resize \| sw-resize \| w-resize \| text \| url( ) \| wait Compatibility: IE4+ N6 Version: Level 2 Inherited: No The cursor property allows you to set the type of cursor that will be visible. Most browsers do not recognize all of the possible types of cursors. Mouse over the name of the value to see how the cursor will appear. auto The auto value is a default that allows the browser to set the cursor type. crosshair The crosshair value renders the cursor as a crosshair (large plus sign). default The default value allows the browser to set the cursor type. help The help value usually renders the cursor as a question mark or a balloon. move The move value is used to signify that something is to be moved. Usually, it looks like a plus sign with arrows at the four tips. pointer The pointer value renders the cursor as an arrow to signify a link. e-resize The e-resize value renders the cursor as an arrow pointing to the right. n-resize The n-resize value renders the cursor as an arrow pointing up. ne-resize The ne-resize value renders the cursor as an arrow pointing to the upper right. nw-resize The nw-resize value renders the cursor as an arrow pointing to the upper left. s-resize The s-resize value renders the cursor as an arrow pointing down. se-resize The se-resize value renders the cursor as an arrow pointing to the lower right sw-resize The sw-resize value renders the cursor as an arrow pointing to the lower left. w-resize The w-resize value renders the cursor as an arrow pointing to the left. text The text value usually renders the cursor as an I-bar to signify text. url( ), ... The url value is a comma delimited list of one or more URLs that are the locations of custom cursors. Each URL must be enclosed within a pair of quotes. It is possible that a browser may not recognize a custom cursor. Therefore, it is recommended that a generic cursor be placed at the end of the list. wait The wait value usually renders the cursor as a hourglass or watch to signify that the user should wait until the process is completed. Code: p {cursor: text;} a {cursor: pointer;} body {cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default;}