CSS Cursor

Mengatur tampilan cursor penunjuk layar dengan CSS.
Oleh:
Pada:

Property CSS cursor.

CSS Cursor
Dibawah ini contoh kode HTML elemen yang diberikan style untuk penunjuk cursor :
<span style = "cursor:pointer">Arahkan cursor ke teks ini</span>
<span style = "cursor:help">Arahkan cursor ke teks ini</span>
Hasil :

Arahkan cursor ke teks ini    lalu ke teks ini

Detail tampilan dan atribut CSS, ikuti petunjuk berikut.

Arahkan cursor ke kolom dibawah ini untuk melihat tampilan cursor.

Auto{cursor: auto }
Crosshair{cursor: crosshair }
Default{cursor: default }
Pointer{cursor: pointer }
Move{cursor: move }
e-resize{cursor: e-resize }
ne-resize{cursor: ne-resize }
nw-resize{cursor: nw-resize }
n-resize{cursor: n-resize }
se-resize{cursor: se-resize }
sw-resize{cursor: sw-resize }
s-resize{cursor: s-resize }
w-resize{cursor: w-resize }
text{cursor: text }
wait{cursor: wait }
help{cursor: help }
Alias{cursor: alias }
all-scroll{cursor: all-scroll }
Cell{cursor: cell }
context-menu{cursor: context-menu }
Copy{cursor: copy }
grab{cursor: grab }
Grabbing{cursor: grabbing }
no-drop{cursor: no-drop }
none{cursor: none }
not-allowed{cursor: not-allowed }
Progress{cursor: progress }
url{cursor: url }
zoom-in{cursor: zoom }
zoom-out{cursor: zoom-out }
⇐ Sebelumnya
Selanjutnya ⇒
Bagikan:

Posting Komentar

[---- Ads 3 ----]
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Ada yang salah dengan koneksi internet Anda. Silakan sambungkan ke internet dan mulai menjelajah lagi.
AdBlock Detected!
Pemblokir iklan terdeteksi!.
Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, harap memasukkan situs ini ke daftar putih (whitelist) di pengaturan pemblokir iklan Anda.
Site is Blocked
Sorry! This site is not available in your country.