Tutorial Dasar Website-CSS Properti Cursor

Tutorial Dasar Website-CSS Properti Cursor

Tutorial Dasar Website-CSS Properti Cursor
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.
 
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.

Related Post

Tidak ada komentar