CSS: Tukar penampilan kursor

Hartanah kursor membenarkan anda mengubah penampilan kursor pada elemen halaman web.

Pelanggan akan secara automatik memaparkan kursor pada komputernya yang sepadan dengan jenis kursor yang anda pilih.

Contoh

Contoh kursor berbentuk silang (crosshair):

 badan {kursor: crosshair; } 

Seseorang tentu saja boleh memberikan gaya yang berbeza kepada beberapa elemen halaman yang sama

Contoh gaya sebagai salib pada gaya "badan" dihiasi dengan bentuk jam pasir pada imej dan tangan pada pautan.

 badan {kursor: crosshair; } img {kursor: tunggu; } a: link {kursor: penunjuk; } 

Senarai ciri-ciri mungkin

Diterima oleh semua penyemak imbas

  • Diri: Rupa sama seperti kursor lalai pada teg yang mempunyai atribut tidak berubah.
  • Default: Pelayar lalai kursor.
  • Penunjuk: Kursor berbentuk tangan dengan jarinya terungkap.
  • Teks: Pengeditan teks kursor.
  • Bantuan: Bantuan kursor.
  • Tunggu: Tunggu Kursor
  • Kemajuan: Kemajuan slider.
  • Pindah: Pergerakan kursor.
  • Crosshair: Salib berbentuk kursor.

Saiz semula kursor

  • N-resize: ubah saiz kursor ke bawah.
  • S-resize: sisihkan gelangsar atas ke bawah.
  • E-resize: mengubah saiz kursor ke kiri ke kanan.
  • Saiz semula W: mengubah saiz kursor ke kiri.
  • Ne-resize: Saiz semula Kursor ke bawah ke kanan atas.
  • Nw-saiz semula: Saiz semula Kursor ke kanan ke kiri atas.
  • Se-resize: mengubah saiz kursor ke kiri ke kanan.
  • Sw-resize: saiz semula kursor kanan atas ke kiri bawah.
    • Perhatikan bahawa: Malah, ia adalah mudah untuk mengingati semua sifat-sifat ini sekaligus.
    • n, s, e, w sesuai dengan utara, selatan, timur, barat, iaitu atas, bawah, kanan, kiri.
    • Cukup menunjukkan arah di mana kursor menunjuk, diikuti dengan kursus "-resize".

Tidak disokong oleh semua penyemak imbas

Firefox dan Opera, abaikan garis panduan berikut.

  • Pewarisan: Walaupun sebagai tag induk kursor.
  • Tidak dibenarkan: Pemogokan bulat berbentuk kursor.
  • No-drop: Kursor berbentuk tangan dengan jari-jari dan satu pemogokan bulat yang terungkap.
  • Col-resize: Kursor adalah dua baris menegak dengan anak panah di setiap sisi.
  • Mengubah saiz: Kursor adalah dua baris mendatar dengan anak panah di setiap sisi.
Artikel Sebelumnya Artikel Seterusnya

Tip-Tip Utama