Atribut cursor CSS

Definisi dan penggunaan

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

Properti ini mendefinisikan bentuk kursor yang digunakan saat penanda kursor berada di dalam jangkauan batas elemen (walaupun CSS2.1 tidak mendefinisikan batas mana yang menentukan jangkauan ini).

Lihat pula:

Panduan CSSPosisi CSS

Panduan Referensi DOM HTMLProperti cursor

Contoh

Beberapa kursor yang berbeda:

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

Coba sendiri

Syntaks CSS

cursor: value;

Nilai properti

Nilai Deskripsi
url

URL kursor yang akan digunakan.

Keterangan:Pastikan selalu menentukan jenis kursor biasa di akhir daftar ini, dalam kasus tidak ada kursor yang tersedia yang ditentukan melalui URL.
default Kursor standar (biasanya panah)
auto Standar. Kursor yang diatur peramban.
crosshair Kursor ditampilkan sebagai krus
pointer Kursor ditampilkan sebagai tangan yang menunjukkan tautan.
move Kursor ini menunjukkan bahwa objek dapat dipindahkan.
e-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke kanan (timur).
ne-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke atas dan ke kanan (utara/east).
nw-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke atas dan ke kiri (utara/west).
n-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke atas (utara).
se-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke bawah dan ke kanan (selatan/east).
sw-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke bawah dan ke kiri (selatan/west).
s-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke bawah (selatan).
w-resize Kursor ini menunjukkan bahwa kancing kotak persegi dapat dipindahkan ke kiri (barat).
text Kursor ini menunjukkan teks.
wait Kursor ini menunjukkan bahwa program sedang sibuk (biasanya meja atau jam berita).
help Kursor ini menunjukkan bantuan yang tersedia (biasanya tanda tanya atau bunga api).

Detil teknis

Nilai standar: auto
Inheritsi: yes
Versi: CSS2
Syntaks JavaScript: object.style.cursor="crosshair"

Contoh TIY

Merubah kursor
Contoh ini menunjukkan bagaimana merubah kursor.

Dukungan peramban

Angka di tabel menunjukkan versi peramban 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.