Ciri cursor menetapkan rupa
kursor apabila tetikus dihalakan ke atas elemen.
Sintaks
pemilih {
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.
|
|
Pelbagai
| Nilai |
Keterangan |
Rupa |
crosshair |
Rupa dalam bentuk alat penjodoh bilangan.
|
|
cell |
Rupa dalam bentuk alat penjodoh bilangan.
|
|
