Property Cursor menentukan jenis Cursor mouse apa yang akan digunakan ketika mouse berada di atas elemen di mana Property tersebut diterapkan.

Cursor dapat diatur ke salah satu dari banyak jenis Cursor yang telah ditentukan sebelumnya, atau ke sebuah gambar. Lihat demo langsung di bawah ini untuk daftar nilai dan contoh.

Property Cursor hanya akan berpengaruh pada perangkat yang memiliki perangkat penunjuk seperti mouse. Ini tidak akan berpengaruh pada perangkat sentuh saja.

Property Cursor digunakan untuk memberikan umpan balik visual dan isyarat kepada pengguna untuk menyampaikan fungsionalitas tertentu atas / pada / dari suatu elemen, dan biasanya penting untuk memberikan pengalaman pengguna yang lebih baik.

Nilai Cursor yang didefinisikan dalam CSS dapat diberikan secara berbeda tergantung pada browser dan sistem operasi. Misalnya, beberapa browser (mis. Firefox pada Windows 7) akan menunjukkan gerakan (biasanya digunakan untuk menunjukkan bahwa suatu elemen dapat diseret) Cursor sebagai panah berujung empat sementara yang lainnya (mis. Firefox di Mac OS X) akan menampilkan Cursor tangan. Dalam hal ini, jika Anda ingin Cursor menjadi satu Cursor spesifik yang terlihat persis sama di semua browser dan platform, Anda mungkin ingin menggunakan gambar daripada kata kunci CSS default.

Official Syntax:

 

Contoh:

Berikut ini berlaku Cursor yang tidak diizinkan ketika pengguna mengarahkan Cursor ke bidang input yang dinonaktifkan:

Berikut ini berlaku kursor bergerak ke elemen yang dapat diseret:

Contoh ini menetapkan kursor pada semua hyperlink (apakah dikunjungi atau tidak) ke kursor SVG eksternal. Agen pengguna yang tidak mendukung kursor SVG hanya akan melompat ke nilai berikutnya dan mencoba menggunakan kursor “hyper.cur”. Jika format kursor itu juga tidak didukung, agen pengguna akan melompat ke nilai berikutnya dan cukup merender kursor ‘pointer’.

Sama seperti sebelumnya, kecuali bahwa gambar kursor ketiga memiliki posisi yang ditentukan menggunakan nilai x dan y:

 

WhatsApp chat