属性 CSS cursor

Pengertian dan penggunaan

Properti cursor menentukan jenis kursor yang akan dipaparkan (bentuk).

Penggunaan bentuk kursor yang digunakan semasa pengecekkan penyangga di dalam lingkungan batasan elemen (walaupun CSS2.1 tidak menentukan batasan mana yang menentukan lingkungan ini).

Lihat pula:

Panduan Tutorial CSS:Pengaturan Lokasi CSS

Panduan Referensi HTML DOM:Atribut kursor

Contoh

Beberapa kursor yang berbeda:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Coba sendiri

Syntaxa CSS

cursor: value;

Nilai atribut

Nilai Deskripsi
url

URL kursor yang akan digunakan.

Keterangan:Jadilah selalu menentukan kursor biasa di akhir daftar ini, untuk menghindari kekurangan kursor yang tersedia yang ditentukan oleh URL.
default Kursor default (biasanya panah).
auto Default. Kursor yang diatur browser.
crosshair Kursor tampil sebagai krus.
pointer Kursor tampil sebagai tangan yang menunjukkan tautan.
move Kursor ini menunjukkan objek dapat dipindahkan.
e-resize Kursor ini menunjukkan边际 boleh dipindahkan ke kanan (timur).
ne-resize Kursor ini menunjukkan边际 boleh dipindahkan ke atas dan ke kanan (utara/timur).
nw-resize Kursor ini menunjukkan边际 boleh dipindahkan ke atas dan ke kiri (utara/timur).
n-resize Kursor ini menunjukkan边际 boleh dipindahkan ke atas (utara).
se-resize Kursor ini menunjukkan边际 boleh dipindahkan ke bawah dan ke kanan (selatan/timur).
sw-resize Kursor ini menunjukkan边际 boleh dipindahkan ke bawah dan ke kiri (selatan/timur).
s-resize Kursor ini menunjukkan边际 boleh dipindahkan ke bawah (selatan).
w-resize Kursor ini menunjukkan边际 boleh dipindahkan ke kiri (barat).
text Kursor ini menunjukkan teks.
wait Kursor ini menunjukkan program sedang sibuk (biasanya meja atau jam yang menggulung).
help Kursor ini menunjukkan bantuan yang tersedia (biasanya tanda tanya atau benda seperti bunga api).

Detil teknis

Nilai default: auto
Inheritsi: ya
Versi: CSS2
Syntaxa JavaScript: object.style.cursor="crosshair"

Contoh TIY

Ubah kursor
Contoh ini menunjukkan bagaimana mengubah kursor.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Keterangan:Opera 9.3 dan Safari 3 tidak mendukung url Nilai.