tutorial pengembangan web terbaru
 

Style cursor Property

<Style Object

Contoh

Mengubah kursor:

document.getElementById("myP").style.cursor = "pointer";
Cobalah sendiri "

Definisi dan Penggunaan

Kursor set properti atau mengembalikan jenis kursor untuk menampilkan untuk pointer mouse.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti kursor didukung di semua browser utama.


Sintaksis

Kembali properti kursor:

object .style.cursor

Mengatur properti kursor:

object .style.cursor= Nilai properti
Nilai Deskripsi
alias kursor menunjukkan alias sesuatu yang akan dibuat
all-scroll kursor menunjukkan bahwa sesuatu dapat menggulir ke segala arah
auto Default. Browser menetapkan kursor
cell Kursor menunjukkan bahwa sel (or set of cells) dapat dipilih
context-menu kursor menunjukkan bahwa konteks-menu yang tersedia
col-resize kursor menunjukkan bahwa kolom dapat diubah ukurannya secara horizontal
copy kursor menunjukkan sesuatu yang akan disalin
crosshair kursor membuat sebagai crosshair
default Default kursor
e-resize Kursor menunjukkan bahwa tepi kotak adalah untuk dipindahkan kanan (east)
ew-resize Menunjukkan mengubah ukuran kursor dua arah
help kursor menunjukkan bahwa bantuan tersedia
move kursor menunjukkan sesuatu yang akan dipindahkan
n-resize Kursor menunjukkan bahwa tepi kotak harus naik (north)
ne-resize Kursor menunjukkan bahwa tepi kotak harus naik dan kanan (north/east)
nesw-resize Menunjukkan mengubah ukuran kursor dua arah
ns-resize Menunjukkan mengubah ukuran kursor dua arah
nw-resize Kursor menunjukkan bahwa tepi kotak harus pindah dan meninggalkan (north/west)
nwse-resize Menunjukkan mengubah ukuran kursor dua arah
no-drop kursor menunjukkan bahwa item diseret tidak dapat dijatuhkan disini
none Tidak ada kursor diberikan untuk elemen
not-allowed kursor menunjukkan bahwa tindakan yang diminta tidak akan dieksekusi
pointer Kursor adalah pointer dan menunjukkan link
progress Kursor menunjukkan bahwa program ini sibuk (in progress)
row-resize kursor menunjukkan bahwa baris dapat diubah ukurannya secara vertikal
s-resize Kursor menunjukkan bahwa tepi kotak adalah untuk dipindahkan ke bawah (south)
se-resize Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke bawah dan kanan (south/east)
sw-resize Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke bawah dan kiri (south/west)
text kursor menunjukkan teks yang dapat dipilih
URL Sebuah daftar dipisahkan koma URL untuk kursor kustom. Note: Selalu menentukan kursor generik pada akhir daftar, dalam hal tidak ada kursor URL-didefinisikan dapat digunakan
vertical-text kursor menunjukkan vertikal-teks yang dapat dipilih
w-resize Kursor menunjukkan bahwa tepi kotak harus pindah kiri (west)
wait kursor menunjukkan bahwa program ini sibuk
zoom-in kursor menunjukkan bahwa sesuatu dapat diperbesar
zoom-out kursor menunjukkan bahwa sesuatu dapat diperbesar keluar
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: mobil
Kembali Nilai: Sebuah String, mewakili kursor mouse ditampilkan ketika pointer mouse berada di atas sebuah elemen
CSS Versi CSS2

Contoh lebih

Contoh

Tampilkan semua cursors yang tersedia:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Cobalah sendiri "

Contoh

Kembali jenis kursor:

alert(document.getElementById("myP").style.cursor);
Cobalah sendiri "

Pages terkait

Referensi CSS: cursor property


<Style Object