Memahami penulisan cursor di blog
Sebagai seorang yang paling sering utak-atik Template, Saya paling sering berhadapan dengan hal ini.
Yah, kursor. Selain bisa membuat element terlihat berbeda, ini juga bisa mengisyaratkan sebuah indikasi untuk element-element tertentu.
Agar tidak lupa dan agar lebih mudah saat di butuhkan lagi, makanya saya mencatat hal ini pada postingan ini.
| KODE | KETERANGAN | DEMO |
|---|---|---|
| cursor:alias; | Kursor mengindikasikan alias sesuatu yang akan dibuat | Demonya |
| cursor:all-scroll; | Kursor mengindikasikan bahwa sesuatu yang dapat digulir ke segala arah | Demonya |
| cursor:auto; | Default. Browser menentukan kursornya | Demonya |
| cursor:cell; | Kursor mengindikasikan bahwa sel (atau kumpulan sel) dapat dipilih | Demonya |
| cursor:context-menu; | Kursor mengindikasikan konteks-menu yang tersedia | Demonya |
| cursor:col-resize; | Kursor mengindikasikan bahwa kolom dapat diubah ukuran horizontalnya | Demonya |
| cursor:copy; | Kursor mengindikasikan sesuatu yang bisa disalin | Demonya |
| cursor:crosshair; | Kursor terlihat seperti crosshair | Demonya |
| cursor:default; | Kursor standar | Demonya |
| cursor:e-resize; | Kursor mengindikasikan bahwa tepi kotak bisa pindah kanan | Demonya |
| cursor:ew-resize; | Menunjukkan mengubah ukuran kursor dua arah | Demonya |
| cursor:help; | Kursor mengindikasikan bahwa bantuan tersedia | Demonya |
| cursor:move; | Kursor mengindikasikan sesuatu yang akan dipindahkan | Demonya |
| cursor:n-resize; | Kursor mengindikasikan bahwa tepi kotak yang akan bergerak naik | Demonya |
| cursor:ne-resize; | Kursor mengindikasikan bahwa tepi kotak yang akan bergerak ke kanan atas | Demonya |
| cursor:nesw-resize; | Menunjukkan mengubah ukuran kursor dua arah(kanan atas, kiri bawah) | Demonya |
| cursor:ns-resize; | Menunjukkan mengubah ukuran kursor dua arah(atas, bawah) | Demonya |
| cursor:nw-resize; | Menunjukkan mengubah ukuran kursor dua arah(kiri atas, kanan bawah) | Demonya |
| cursor:nwse-resize; | Menunjukkan mengubah ukuran kursor dua arah(kiri atas, kanan bawah) | Demonya |
| cursor:no-drop; | Kursor mengindikasikan bahwa item yang diseret tidak dapat ditempatkan di sini | Demonya |
| cursor:none; | Tidak ada kursor yang diberikan untuk elemen | Demonya |
| cursor:not-allowed; | Kursor mengindikasikan bahwa tindakan yang diminta tidak akan dieksekusi | Demonya |
| cursor:pointer; | Kursor pointer yang mengindikasikan link | Demonya |
| cursor:progress; | Kursor mengindikasikan bahwa program ini sedang sibuk (in progress) | Demonya |
| cursor:row-resize; | Kursor mengindikasikan bahwa baris dapat diubah ukurannya secara vertikal | Demonya |
| cursor:s-resize; | Kursor mengindikasikan bahwa tepi kotak akan dipindahkan ke bawah | Demonya |
| cursor:se-resize; | Kursor mengindikasikan bahwa tepi kotak akan dipindahkan ke kanan bawah | Demonya |
| cursor:sw-resize; | Kursor mengindikasikan bahwa tepi kotak akan dipindahkan ke kiri bawah | Demonya |
| cursor:text; | Kursor mengindikasikan teks yang dapat dipilih | Demonya |
| cursor:url(gambar),auto; | Menganti kursor dengan gambar pilihan | Demonya |
| cursor:vertical-text; | Kursor mengindikasikan vertikal-teks yang dapat di pilih | Demonya |
| cursor:w-resize; | Kursor mengindikasikan bahwa tepi kotak akan dipindahkan kiri | Demonya |
| cursor:wait; | Kursor mengindikasikan bahwa program ini sibuk | Demonya |
| cursor:zoom-in; | Kursor mengindikasikan sesuatu yang dapat di perbesar | Demonya |
| cursor:zoom-out; | Kursor mengindikasikan sesuatu yang dapat di perkecil | Demonya |
| cursor:initial; | Properti ini sama nilainya dengan default. |
Smoga bisa berguna juga buat kamu yang membacanya!!
0 komentar:
Post a Comment
Kolom komentar tersedia hanya untuk diskusi dan bukan sarana untuk promosi.
Komentar menggunakan media sosial seperti Facebook dan lain-lain sengaja di nonaktifkan karena sering di salahgunakan.
Mohon untuk tidak menyisipkan link promosi pada kolom komentar.