Atribut Style cursor

definisi dan penggunaan

kursor atur atau kembalikan atribut untuk menampilkan tipe kursor penanda mouse.

lihat pula:

panduan CSS:atribut kursor

contoh

contoh 1

ubah kursor:

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

cobalah sendiri

contoh 2

tampilkan semua kursor yang tersedia:

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

cobalah sendiri

contoh 3

kembalikan tipe kursor:

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

cobalah sendiri

syntaks

kembalikan atribut cursor:

objek.style.cursor

atur atribut cursor:

objek.style.cursor = value

nilai atribut

nilai deskripsi
alias Kursor menunjukkan hal yang akan dibuat aliasnya.
all-scroll Kursor menunjukkan hal yang dapat digerakkan ke semua arah.
auto Kursor menunjukkan hal yang dapat digerakkan.
Standar. Peramban mengatur kursor. cell
Kursor menunjukkan sel yang dapat dipilih (atau grup sel). context-menu
Kursor menunjukkan menu konteks yang tersedia. col-resize
Kursor menunjukkan kolom yang dapat diatur ukurannya secara horizontal. copy
Kursor menunjukkan konten yang akan disalin. crosshair
Kursor ditampilkan sebagai titik kaki. default
Kursor standar. e-resize
ew-resize Menunjukkan kursor pengukuran arah dua.
help Kursor menunjukkan bantuan yang tersedia.
move Kursor menunjukkan hal yang akan dipindahkan.
n-resize Kursor menunjukkan bagian kisi yang akan bergerak ke atas (utara).
ne-resize Kursor menunjukkan bagian kisi yang akan bergerak ke atas dan ke kanan (utara/timur).
nesw-resize Menunjukkan kursor pengukuran arah dua.
ns-resize Menunjukkan kursor pengukuran arah dua.
nw-resize Kursor menunjukkan bagian kisi yang akan bergerak ke atas dan ke kiri (utara/timur).
nwse-resize Menunjukkan kursor pengukuran arah dua.
no-drop Kursor menunjukkan item yang tidak dapat ditempatkan di sini.
none Tidak ada kursor yang ditampilkan untuk elemen ini.
not-allowed Kursor menunjukkan aksi permintaan yang tidak akan dijalankan.
pointer Kursor adalah tanda panah, menunjukkan tautan.
progress Kursor menunjukkan program sedang sibuk (dalam proses).
row-resize Kursor menunjukkan baris yang dapat diatur ukurannya secara vertikal.
s-resize Kursor menunjukkan bagian kisi yang akan bergerak ke bawah (selatan).
se-resize Kursor menunjukkan bagian kisi yang akan bergerak ke bawah dan ke kanan (selatan/timur).
sw-resize Kursor menunjukkan bagian kisi yang akan bergerak ke bawah dan ke kiri (selatan/timur).
text Kursor menunjukkan teks yang dapat dipilih.
URL

Daftar URL kursor yang diatur secara khusus, dipisahkan koma.

Catatan:Selalu tentukan kursor umum di akhir daftar, untuk menghindari kejadian tak ada kursor yang dapat digunakan tanpa URL yang ditentukan.
vertical-text Kursor menunjukkan teks vertikal yang dapat dipilih.
w-resize Kursor menunjukkan bagian kisi yang akan bergerak ke arah kiri (barat).
wait Kursor menunjukkan program sedang sibuk.
zoom-in Kursor menunjukkan hal yang dapat diperbesar.
zoom-out Simbol kursor menunjukkan hal yang dapat diperbesar.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: auto
Nilai kembalian: String, menunjukkan kursor mouse yang akan muncul saat penanda kursor mouse berada di atas elemen.
Versi CSS: CSS2

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan