Using Basic Selectors - Beginning CSS3 - page 30

Table 2-2. ( continued )

Keyword Example Description

Drag and Drop Cursors
alias

Indicates that an alias or shortcut is to be
created.

copy Indicates that something is to be copied.

move Indicates that something is to be moved.

no-drop

Indicates that the dragged item cannot be
dropped at the current location.

not-allowed The requested action will not be carried

out.

Resizing and Scrolling Cursors
e-resize , n-resize , ne-resize ,
nw-resize , s-resize , se-resize ,
sw-resize , w-resize

Indicates that some edge is to be moved.

ew-resize , ns-resize , nesw-resize ,
nwse-resize

Indicates a bidirectional resize cursor.

col-resize Indicates the column can be resized

horizontally.

row-resize Indicates the row can be resized vertically.

all-scroll Indicates that something can be scrolled in

any direction.

■ not all browsers support the full range of cursor keywords. in my testing, using no-drop caused
safari 5.1 to crash on Windows 7.

Caution

Looking at the available keywords in Table 2-2 , the most appropriate one for the <abbr> element is help . To
display the appropriate cursor when mousing over the abbreviation, use the abbr type selector in combination
with the :hover pseudo-class to add the following style rule to basic.css :
abbr:hover {
cursor: help;
}

Figure 2-6 shows the help cursor and the tooltip being displayed when the mouse is held over the
abbreviation. The tooltip is generated automatically by the browser and cannot be styled with CSS.

■ Note Browsers display a tooltip only if you spell out the meaning in the title attribute of the <abbr> tag.