thuộc tính Style cursor

định nghĩa và cách sử dụng

cursor thiết lập hoặc trả về loại con trỏ hiển thị cho con trỏ chuột.

tham khảo thêm:

Hướng dẫn CSS:thuộc tính cursor

mô hình

ví dụ 1

thay đổi con trỏ:

document.getElementById("myP").style.cursor = "pointer";

thử ngay

ví dụ 2

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;

thử ngay

ví dụ 3

trả về loại con trỏ:

alert(document.getElementById("myP").style.cursor);

thử ngay

cú pháp

trả về thuộc tính cursor:

object.style.cursor

đặt thuộc tính cursor:

object.style.cursor = value

giá trị thuộc tính

giá trị mô tả
alias 光标指示要创建某事物的别名。
光标指示要创建某事物的别名。 Biểu tượng con trỏ chỉ ra rằng có thể cuộn theo mọi hướng.
auto all-scroll
Mặc định. Trình duyệt thiết lập con trỏ. cell
Biểu tượng con trỏ chỉ ra rằng có thể chọn một ô (hoặc nhóm các ô). context-menu
Biểu tượng con trỏ chỉ ra rằng có thể mở menu ngữ cảnh. col-resize
Biểu tượng con trỏ chỉ ra rằng có thể điều chỉnh kích thước cột theo chiều ngang. copy
Biểu tượng con trỏ chỉ ra rằng có nội dung cần sao chép. crosshair
Con trỏ hiển thị dưới dạng dấu chéo. default
Con trỏ mặc định. e-resize
ew-resize Chỉ ra con trỏ điều chỉnh kích thước hai chiều.
help Biểu tượng con trỏ chỉ ra rằng có thể có trợ giúp.
move Biểu tượng con trỏ chỉ ra rằng cần di chuyển thứ cần di chuyển.
n-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung lên (bắc).
ne-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung lên và sang phải (bắc/đông).
nesw-resize Chỉ ra con trỏ điều chỉnh kích thước hai chiều.
ns-resize Chỉ ra con trỏ điều chỉnh kích thước hai chiều.
nw-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung lên và sang trái (bắc/tây).
nwse-resize Chỉ ra con trỏ điều chỉnh kích thước hai chiều.
no-drop Biểu tượng con trỏ chỉ ra rằng không thể đặt mục đồ án này ở đây.
none Không có con trỏ được hiển thị cho phần tử.
not-allowed Biểu tượng con trỏ chỉ ra rằng hành động yêu cầu sẽ không được thực hiện.
pointer Con trỏ chỉ ra rằng đó là liên kết.
progress Biểu tượng con trỏ chỉ ra rằng chương trình đang bận (đang tiến hành).
row-resize Biểu tượng con trỏ chỉ ra rằng dòng có thể điều chỉnh kích thước theo chiều dọc.
s-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung xuống (nam).
se-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung xuống và sang phải (nam/đông).
sw-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung xuống và sang trái (nam/tây).
text Biểu tượng con trỏ chỉ ra rằng có thể chọn văn bản.
URL

Danh sách các URL tùy chỉnh của con trỏ, phân cách bằng dấu phẩy.

Ghi chú:Luôn quy định con trỏ chung ở cuối danh sách để tránh trường hợp không có con trỏ được định nghĩa bởi URL có thể sử dụng.
vertical-text Biểu tượng con trỏ chỉ ra rằng có thể chọn văn bản dọc.
w-resize Biểu tượng con trỏ chỉ ra rằng cần di chuyển mép khung sang trái (tây).
wait Biểu tượng con trỏ chỉ ra rằng chương trình đang bận.
zoom-in Biểu tượng con trỏ chỉ ra rằng có thể phóng to một số thứ.
zoom-out Biểu tượng con trỏ chỉ ra rằng có thể phóng to một số thứ.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ phần tử cha của nó. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi, biểu thị con trỏ chuột hiển thị khi con trỏ chuột dừng trên phần tử.
Phiên bản CSS: CSS2

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ