Thuộc tính cursor

Thuộc tính cursor thiết lập hình dạng của con trỏ khi di chuột vào phần tử.

Cú pháp

Lưu ý

Thuộc tính có rất nhiều giá trị. Dưới đây tôi đã nhóm các giá trị này lại để dễ theo dõi hơn. Hình dạng con trỏ khác nhau trên các trình duyệt khác nhau, vì vậy tôi không chụp ảnh các con trỏ, mà chỉ đơn giản trong các bảng giá trị tôi đã tạo một cột đặc biệt, khi di chuột vào ô của cột đó, bạn có thể thấy hình dạng của con trỏ được mô tả.

Các giá trị

Giá trị	Mô tả	Hình dạng
default	Hình dạng chuẩn dưới dạng mũi tên trỏ.
pointer	Được sử dụng để chỉ ra rằng phần tử là hoạt động và có thể nhấn vào được (mặc định như vậy cho liên kết).
help	Được sử dụng để chỉ ra rằng với phần tử có liên quan đến sự trợ giúp hoặc câu hỏi nào đó.
not-allowed	Được sử dụng để chỉ ra sự không cho phép của thao tác.

Văn bản

Giá trị	Mô tả	Hình dạng
text	Con trỏ văn bản chuẩn dưới dạng thanh dọc.
vertical-text	Con trỏ văn bản cho văn bản dọc.

Chờ đợi

Giá trị	Mô tả	Hình dạng
progress	Được sử dụng để chỉ ra rằng đang diễn ra một thao tác nào đó và người dùng cần chờ.
wait	Được sử dụng để chỉ ra rằng người dùng cần chờ.

Con trỏ khi thay đổi kích thước

Khi thay đổi kích thước phần tử, giá trị của thuộc tính được tạo thành như sau: từ resize, và trước nó bằng dấu gạch ngang là một hoặc một số chữ cái, ví dụ: n-resize hoặc ne-resize.

Các chữ cái này là những chữ cái đầu tiên của các hướng trời: north - bắc, south - nam, east - đông, west - tây. Trong trường hợp này, sử dụng quy ước được chấp nhận cho bản đồ địa hình: phía trên là bắc, phía dưới là nam, bên trái là tây, bên phải là đông. Tất nhiên, điều này gây nhầm lẫn, nhưng sẽ phải sử dụng, như đã nghĩ ra:)

Vậy, đây là các giá trị:

Giá trị	Hướng	Hướng trời	Hình dạng
n-resize	lên trên	north
ne-resize	sang phải lên trên	nord east
e-resize	sang phải	east
se-resize	sang phải xuống dưới	south east
s-resize	xuống dưới	south
sw-resize	sang trái xuống dưới	south west
w-resize	sang trái	west
nw-resize	sang trái lên trên	nord west
nesw-resize	sang phải lên trên và sang trái xuống dưới	nord east - south west
nwse-resize	sang trái lên trên và sang phải xuống dưới	nord west - south east

Thay đổi kích thước hai phần tử

Giá trị	Mô tả	Hình dạng
col-resize	Thay đổi theo chiều ngang.
row-resize	Thay đổi theo chiều dọc.

Thay đổi tỷ lệ phóng

Giá trị	Mô tả	Hình dạng
zoom-in	Phóng to.
zoom-out	Thu nhỏ.

Di chuyển

Giá trị	Mô tả	Hình dạng
move	Được sử dụng để chỉ ra rằng phần tử có thể di chuyển, hoặc trong lúc di chuyển.
all-scroll	Được sử dụng để chỉ ra rằng phần tử có thể cuộn bằng chuột theo mọi hướng.

Khác

Giá trị	Mô tả	Hình dạng
crosshair	Hình dạng dưới dạng tâm ngắm.
cell	Hình dạng dưới dạng tâm ngắm.