Tutorial Dasar Website-CSS Properti Cursor
Juli 19, 2024
Hi Web Developer! kali ini guru design akan berbagi tutorial tentang properti cursor. Pada materi sebelumnya kita telah mempelajari properti list item Sebelumnya jika anda belum tau apa itu CSS klik disini. Langsung ketutorialnya, silahkan simak sampai habis.
Kalian tentu sudah tau cara menggunakan properti ini? begini contoh cara menggunakannya:
Jika ada yang kurang paham silahkan tulis di komentar.
Sekian semoga bermanfaat terimakasih.
Value | Keterangan |
---|---|
auto | Mengatur cursor mouse menyesuaikan bentuknya sendiri |
crosshair | Mengatur cursor mouse berbentuk crosshair atau tanda plus |
default | Mengatur cursor mouse berbentuk anak panah |
pointer | Mengatur cursor mouse berbentuk jari telunjuk |
move | Mengatur cursor mouse berbentuk anak panah empat arah |
e-resize | Mengatur cursor mouse berbentuk anak panah dua arah secara horizontal |
ne-resize | Mengatur cursor mouse berbentuk anak panah dua arah miring ke kanan atas |
nw-resize | Mengatur cursor mouse berbentuk anak panah dua arah miring ke kiri atas |
n-resize | Mengatur cursor mouse berbentuk anak panah dua arah vertical |
se-resize | Mengatur cursor mouse berbentuk anak panah dua arah miring ke kiri atas |
sw-resize | Mengatur cursor mouse berbentuk anak panah dua arah miring ke kanan atas |
s-resize | Mengatur cursor mouse berbentuk anak panah dua arah vertical |
w-resize | Mengatur cursor mouse akan berbentuk anak panah dua arah secara horizontal |
text | Mengatur cursor mouse berbentuk simbol “I” untuk melakukan blok teks |
wait | Mengatur cursor mouse berbentuk loading |
help | Mengatur cursor mouse berbentuk anak panah dengan disertai tanda tanya disampingnya |
(url) | Mengatur cursor mouse dengan gambar custom, contoh cursor:url('cursor.png'),auto; |
Kalian tentu sudah tau cara menggunakan properti ini? begini contoh cara menggunakannya:
<style type="text/css">
/* contoh dengan value auto*/
body{
cursor: auto;
}
</style>
Jika ada yang kurang paham silahkan tulis di komentar.
Sekian semoga bermanfaat terimakasih.