Ciri cursor menetapkan rupa
kursor apabila tetikus dihalakan ke atas elemen.
Sintaks
csspemilih {
cursor: nilai;
}
Nota
Ciri ini mempunyai sangat banyak nilai. Di bawah
saya telah mengumpulkan nilai-nilai ini untuk memudahkan
pengetahuan. Rupa kursor berbeza
dalam pelayar yang berbeza, jadi saya tidak mengambil gambar
kursor, sebaliknya hanya membuat lajur khas dalam jadual
nilai, dengan mengarahkan tetikus ke atas
sel yang mana, anda dapat melihat rupa
kursor yang diterangkan.
Nilai
Nilai
Keterangan
Rupa
default
Rupa piawai dalam bentuk penuding-panah.
pointer
Digunakan untuk menunjukkan bahawa elemen
adalah aktif dan boleh ditekan
(seperti ini secara lalai untuk pautan).
help
Digunakan untuk menunjukkan bahawa dengan elemen
terkait sebarang bantuan atau soalan.
not-allowed
Digunakan untuk menunjukkan ketidakbolehterimaan operasi.
Teks
Nilai
Keterangan
Rupa
text
Kursor teks piawai dalam bentuk batang menegak.
vertical-text
Kursor teks untuk teks menegak.
Menunggu
Nilai
Keterangan
Rupa
progress
Digunakan untuk menunjukkan bahawa sedang berlaku
beberapa operasi dan pengguna perlu menunggu.
wait
Digunakan untuk menunjukkan bahawa pengguna
perlu menunggu.
Kursor apabila mengubah saiz
Apabila mengubah saiz elemen, nilai
ciri dibentuk seperti berikut: perkataan resize,
dan di depannya melalui sempang beberapa huruf atau
beberapa huruf, contohnya: n-resize atau ne-resize.
Huruf-huruf ini adalah huruf pertama arah
mata angin: north - utara, south - selatan, east - timur,
west - barat. Dalam kes ini digunakan
konvensyen yang diterima untuk peta kawasan:
di atas utara, di bawah selatan, kiri barat, kanan
timur. Sudah tentu, ini mengelirukan, tetapi terpaksa
menggunakannya, seperti yang dicipta:)
Jadi, berikut adalah nilainya:
Nilai
Arah
Bahagian dunia
Rupa
n-resize
ke atas
north
ne-resize
ke kanan ke atas
nord east
e-resize
ke kanan
east
se-resize
ke kanan ke bawah
south east
s-resize
ke bawah
south
sw-resize
ke kiri ke bawah
south west
w-resize
ke kiri
west
nw-resize
ke kiri ke atas
nord west
nesw-resize
ke kanan ke atas dan ke kiri ke bawah
nord east - south west
nwse-resize
ke kiri ke atas dan ke kanan ke bawah
nord west - south east
Mengubah saiz dua elemen
Nilai
Keterangan
Rupa
col-resize
Perubahan secara mendatar.
row-resize
Perubahan secara menegak.
Mengubah skala
Nilai
Keterangan
Rupa
zoom-in
Pembesaran skala.
zoom-out
Pengecilan skala.
Pergerakan
Nilai
Keterangan
Rupa
move
Digunakan untuk menunjukkan bahawa elemen
boleh digerakkan, atau pada saat pergerakan.
all-scroll
Digunakan untuk menunjukkan bahawa elemen
tatalannya menggunakan tetikus dalam semua arah.