Contoh
Beberapa kursor yang berbeda:
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti kursor menentukan jenis kursor yang akan ditampilkan ketika menunjuk pada sebuah elemen.
| nilai default: | auto |
|---|---|
| mewarisi: | yes |
| animatable: | no. Read about animatable |
| Versi: | CSS2 |
| sintaks JavaScript: | object .style.cursor="crosshair" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS Syntax
cursor:value;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| alias | kursor menunjukkan alias sesuatu yang akan dibuat | Mainkan " |
| all-scroll | kursor menunjukkan bahwa sesuatu dapat menggulir ke segala arah | Mainkan " |
| auto | Default. Browser menetapkan kursor | Mainkan " |
| cell | Kursor menunjukkan bahwa sel (or set of cells) dapat dipilih | Mainkan " |
| context-menu | kursor menunjukkan bahwa konteks-menu yang tersedia | Mainkan " |
| col-resize | kursor menunjukkan bahwa kolom dapat diubah ukurannya secara horizontal | Mainkan " |
| copy | kursor menunjukkan sesuatu yang akan disalin | Mainkan " |
| crosshair | kursor membuat sebagai crosshair | Mainkan " |
| default | Default kursor | Mainkan " |
| e-resize | Kursor menunjukkan bahwa tepi kotak harus pindah kanan (east) | Mainkan " |
| ew-resize | Menunjukkan resize kursor dua arah | Mainkan " |
| grab | kursor menunjukkan bahwa sesuatu dapat meraih | Mainkan " |
| grabbing | kursor menunjukkan bahwa sesuatu dapat meraih | Mainkan " |
| help | kursor menunjukkan bahwa bantuan tersedia | Mainkan " |
| move | kursor menunjukkan sesuatu yang akan dipindahkan | Mainkan " |
| n-resize | Kursor menunjukkan bahwa tepi kotak harus naik (north) | Mainkan " |
| ne-resize | Kursor menunjukkan bahwa tepi kotak yang akan naik dan kanan (north/east) | Mainkan " |
| nesw-resize | Menunjukkan resize kursor dua arah | Mainkan " |
| ns-resize | Menunjukkan resize kursor dua arah | Mainkan " |
| nw-resize | Kursor menunjukkan bahwa tepi kotak harus pindah dan meninggalkan (north/west) | Mainkan " |
| nwse-resize | Menunjukkan resize kursor dua arah | Mainkan " |
| no-drop | kursor menunjukkan bahwa item diseret tidak dapat dijatuhkan di sini | Mainkan " |
| none | Tidak ada kursor diberikan untuk elemen | Mainkan " |
| not-allowed | kursor menunjukkan bahwa tindakan yang diminta tidak akan dieksekusi | Mainkan " |
| pointer | kursor berada pointer dan menunjukkan link | Mainkan " |
| progress | Kursor menunjukkan bahwa program ini sibuk (in progress) | Mainkan " |
| row-resize | kursor menunjukkan bahwa baris dapat diubah ukurannya secara vertikal | Mainkan " |
| s-resize | Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke bawah (south) | Mainkan " |
| se-resize | Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke bawah dan kanan (south/east) | Mainkan " |
| sw-resize | Kursor menunjukkan bahwa tepi kotak akan dipindahkan ke bawah dan kiri (south/west) | Mainkan " |
| text | kursor menunjukkan teks yang dapat dipilih | Mainkan " |
| 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 | Mainkan " |
| vertical-text | kursor menunjukkan vertikal-teks yang dapat dipilih | Mainkan " |
| w-resize | Kursor menunjukkan bahwa tepi kotak harus pindah kiri (west) | Mainkan " |
| wait | kursor menunjukkan bahwa program ini sibuk | Mainkan " |
| zoom-in | kursor menunjukkan bahwa sesuatu dapat diperbesar | Mainkan " |
| zoom-out | kursor menunjukkan bahwa sesuatu dapat diperbesar keluar | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
Referensi HTML DOM: cursor property