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
cssbộ_chọn {
cursor: giá_trị;
}
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.