Thuộc tính con trỏ kiểu
Sự miêu tả
Thuộc tính con trỏ đặt hoặc trả về loại con trỏ sẽ hiển thị cho con trỏ chuột.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
cursor | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính con trỏ:
object .style.cursor
Đặt thuộc tính con trỏ:
object .style.cursor = value
Giá trị tài sản
Value | Description |
---|---|
alias | The cursor indicates an alias of something is to be created |
all-scroll | The cursor indicates that something can be scrolled in any direction |
auto | Default. The browser sets a cursor |
cell | The cursor indicates that a cell (or set of cells) may be selected |
context-menu | The cursor indicates that a context-menu is available |
col-resize | The cursor indicates that the column can be resized horizontally |
copy | The cursor indicates something is to be copied |
crosshair | The cursor render as a crosshair |
default | The default cursor |
e-resize | The cursor indicates that an edge of a box is to be moved right (east) |
ew-resize | Indicates a bidirectional resize cursor |
help | The cursor indicates that help is available |
move | The cursor indicates something is to be moved |
n-resize | The cursor indicates that an edge of a box is to be moved up (north) |
ne-resize | The cursor indicates that an edge of a box is to be moved up and right (north/east) |
nesw-resize | Indicates a bidirectional resize cursor |
ns-resize | Indicates a bidirectional resize cursor |
nw-resize | The cursor indicates that an edge of a box is to be moved up and left (north/west) |
nwse-resize | Indicates a bidirectional resize cursor |
no-drop | The cursor indicates that the dragged item cannot be dropped here |
none | No cursor is rendered for the element |
not-allowed | The cursor indicates that the requested action will not be executed |
pointer | The cursor is a pointer and indicates a link |
progress | The cursor indicates that the program is busy (in progress) |
row-resize | The cursor indicates that the row can be resized vertically |
s-resize | The cursor indicates that an edge of a box is to be moved down (south) |
se-resize | The cursor indicates that an edge of a box is to be moved down and right (south/east) |
sw-resize | The cursor indicates that an edge of a box is to be moved down and left (south/west) |
text | The cursor indicates text that may be selected |
URL | A comma separated list of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used |
vertical-text | The cursor indicates vertical-text that may be selected |
w-resize | The cursor indicates that an edge of a box is to be moved left (west) |
wait | The cursor indicates that the program is busy |
zoom-in | The cursor indicates that something can be zoomed in |
zoom-out | The cursor indicates that something can be zoomed out |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | tự động |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị con trỏ chuột được hiển thị khi con trỏ chuột ở trên một phần tử |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Hiển thị tất cả các con trỏ có sẵn:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Hãy tự mình thử »Trang liên quan
Tham chiếu CSS: thuộc tính con trỏ