Properti cursor mengatur tampilan
kursor saat diarahkan ke suatu elemen.
Sintaks
selektor {
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.
|
|
Lainnya
| Nilai |
Deskripsi |
Tampilan |
crosshair |
Tampilan berupa bidikan.
|
|
cell |
Tampilan berupa bidikan.
|
|
