📜  CSS 游标

📅  最后修改于: 2020-11-04 05:40:50             🧑  作者: Mango

CSS游标

当鼠标指针位于元素上时,用于定义鼠标光标的类型。它允许我们指定游标类型,它将显示给用户。当用户将鼠标悬停在链接上时,默认情况下,光标会从指针变成手形。

让我们了解游标的属性值。

Values Usage
alias It is used to display the indication of the cursor of something that is to be created.
auto It is the default property in which the browser sets the cursor.
all-scroll It indicates the scrolling.
col-resize Using it, the cursor will represent that the column can be horizontally resized.
cell The cursor will represent that a cell or the collection of cells is selected.
context-menu It indicates the availability of the context menu.
default It indicates an arrow, which is the default cursor.
copy It is used to indicate that something is copied.
crosshair In it, the cursor changes to the crosshair or the plus sign.
e-resize It represents the east direction and indicates that the edge of the box is to be shifted towards right.
ew-resize It represents the east/west direction and indicates a bidirectional resize cursor.
n-resize It represents the north direction that indicates that the edge of the box is to be shifted to up.
ne-resize It represents the north/east direction and indicates that the edge of the box is to be shifted towards up and right.
move It indicates that something is to be shifted.
help It is in the form of a question mark or ballon, which represents that help is available.
None It is used to indicate that no cursor is rendered for the element.
No-drop It is used to represent that the dragged item cannot be dropped here.
s-resize It indicates an edge box is to be moved down. It indicates the south direction.
Row-resize It is used to indicate that the row can be vertically resized.
Se-resize It represents the south/east direction, which indicates that an edge box is to be moved down and right.
Sw-resize It represents south/west direction and indicates that an edge of the box is to be shifted towards down and left.
Wait It represents an hourglass.
It indicates the source of the cursor image file.
w-resize It indicates the west direction and represents that the edge of the box is to be shifted left.
Zoom-in It is used to indicate that something can be zoomed in.
Zoom-out It is used to indicate that something can be zoomed out.

使用游标属性的上述值的说明如下:


   
   
   
   
   
      

Move your mouse over the below words for the cursor change.

alias Value
auto Value
all-scroll value
col-resize value
Crosshair
Default value
copy value
Pointer
Move
e-resize
ew-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
Progress
no-drop
not-allowed
vertical-text
Zoom-in
Zoom-out