Properti cursor mengatur tampilan
kursor saat diarahkan ke suatu elemen.
Sintaks
cssselektor {
cursor: nilai;
}
Catatan
Properti ini memiliki sangat banyak nilai. Di bawah ini
saya telah mengelompokkan nilai-nilai tersebut agar lebih mudah
dipahami. Tampilan kursor berbeda
pada berbagai peramban, jadi saya tidak membuat foto
kursor, melainkan hanya membuat kolom khusus dalam tabel
nilai, dengan mengarahkan penunjuk mouse
pada selnya, Anda dapat melihat tampilan
kursor yang dijelaskan.
Nilai
Nilai
Deskripsi
Tampilan
default
Tampilan standar berupa panah penunjuk.
pointer
Digunakan untuk menunjukkan bahwa elemen
aktif dan dapat diklik
(standar untuk tautan).
help
Digunakan untuk menunjukkan bahwa elemen
terkait dengan bantuan atau pertanyaan tertentu.
not-allowed
Digunakan untuk menunjukkan ketidakbolehan suatu operasi.
Teks
Nilai
Deskripsi
Tampilan
text
Kursor teks standar berupa batang vertikal.
vertical-text
Kursor teks untuk teks vertikal.
Menunggu
Nilai
Deskripsi
Tampilan
progress
Digunakan untuk menunjukkan bahwa sedang terjadi
suatu operasi dan pengguna perlu menunggu.
wait
Digunakan untuk menunjukkan bahwa pengguna
perlu menunggu.
Kursor saat mengubah ukuran
Saat mengubah ukuran elemen, nilai
properti dibentuk seperti ini: kata resize,
dan di depannya dengan tanda hubung satu huruf atau
beberapa huruf, misalnya: n-resize atau ne-resize.
Huruf-huruf ini adalah huruf pertama dari mata angin:
north - utara, south - selatan, east - timur,
west - barat. Dalam hal ini digunakan
konvensi yang diterima untuk peta wilayah:
utara di atas, selatan di bawah, barat di kiri, timur di kanan.
Tentu saja, ini membingungkan, tetapi harus
digunakan, seperti yang telah ditentukan:)
Jadi, berikut adalah nilainya:
Nilai
Arah
Mata angin
Tampilan
n-resize
ke atas
north
ne-resize
ke kanan atas
nord east
e-resize
ke kanan
east
se-resize
ke kanan bawah
south east
s-resize
ke bawah
south
sw-resize
ke kiri bawah
south west
w-resize
ke kiri
west
nw-resize
ke kiri atas
nord west
nesw-resize
ke kanan atas dan kiri bawah
nord east - south west
nwse-resize
ke kiri atas dan kanan bawah
nord west - south east
Mengubah ukuran dua elemen
Nilai
Deskripsi
Tampilan
col-resize
Perubahan secara horizontal.
row-resize
Perubahan secara vertikal.
Mengubah zoom
Nilai
Deskripsi
Tampilan
zoom-in
Memperbesar zoom.
zoom-out
Memperkecil zoom.
Pergerakan
Nilai
Deskripsi
Tampilan
move
Digunakan untuk menunjukkan bahwa elemen
dapat dipindahkan, atau saat sedang dipindahkan.
all-scroll
Digunakan untuk menunjukkan bahwa elemen
dapat di-scroll dengan mouse ke semua arah.