ความหมายและการใช้งาน
ชุดคุณสมบัติเคอร์เซอร์หรือผลตอบแทนประเภทของเคอร์เซอร์จะแสดงสำหรับตัวชี้เมาส์
สนับสนุนเบราว์เซอร์
คุณสมบัติเคอร์เซอร์ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
คืนทรัพย์สินเคอร์เซอร์:
object .style.cursor
ตั้งค่าคุณสมบัติเคอร์เซอร์:
object .style.cursor= ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ alias เคอร์เซอร์บ่งชี้นามแฝงของบางสิ่งบางอย่างจะถูกสร้างขึ้น all-scroll เคอร์เซอร์จะแสดงให้เห็นว่าสิ่งที่สามารถเลื่อนไปในทิศทางใด auto ค่าเริ่มต้น. เบราว์เซอร์ชุดเคอร์เซอร์ cell เคอร์เซอร์จะแสดงให้เห็นว่าเซลล์ (or set of cells) อาจจะถูกเลือก context-menu เคอร์เซอร์จะแสดงให้เห็นว่าบริบทเมนูสามารถใช้ได้ col-resize เคอร์เซอร์จะแสดงให้เห็นว่าคอลัมน์สามารถปรับขนาดในแนวนอน copy เคอร์เซอร์ชี้ให้เห็นบางสิ่งบางอย่างที่จะคัดลอก crosshair เคอร์เซอร์จะทำให้เป็นเล็ง default เคอร์เซอร์เริ่มต้น e-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายไปทางขวา (east) ew-resize บ่งชี้เคอร์เซอร์ปรับขนาดแบบสองทิศทาง help เคอร์เซอร์จะแสดงให้เห็นว่าช่วยให้สามารถใช้ได้ move เคอร์เซอร์ชี้ให้เห็นบางสิ่งบางอย่างที่จะย้าย n-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องจะได้รับการขยับขึ้น (north) ne-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายขึ้นและขวา (north/east) nesw-resize บ่งชี้เคอร์เซอร์ปรับขนาดแบบสองทิศทาง ns-resize บ่งชี้เคอร์เซอร์ปรับขนาดแบบสองทิศทาง nw-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายขึ้นและซ้าย (north/west) nwse-resize บ่งชี้เคอร์เซอร์ปรับขนาดแบบสองทิศทาง no-drop เคอร์เซอร์แสดงว่ารายการลากไม่สามารถลดลงที่นี่ none ไม่มีเคอร์เซอร์จะแสดงผลสำหรับองค์ประกอบ not-allowed เคอร์เซอร์บ่งชี้ว่าการกระทำที่ร้องขอจะไม่ได้รับการดำเนินการ pointer เคอร์เซอร์เป็นตัวชี้และแสดงให้เห็นการเชื่อมโยง progress เคอร์เซอร์จะแสดงให้เห็นว่าโปรแกรมไม่ว่าง (in progress) row-resize เคอร์เซอร์จะแสดงให้เห็นว่าแถวที่สามารถปรับขนาดในแนวตั้ง s-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายลง (south) se-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายลงและขวา (south/east) sw-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายลงและซ้าย (south/west) text เคอร์เซอร์แสดงให้เห็นข้อความที่อาจจะถูกเลือก URL รายการที่คั่นด้วยเครื่องหมายจุลภาคของ URL ที่จะเคอร์เซอร์ที่กำหนดเอง Note: เสมอระบุเคอร์เซอร์ทั่วไปในตอนท้ายของรายการในกรณีที่ไม่มีของเคอร์เซอร์ URL ที่กำหนดไว้สามารถนำมาใช้ vertical-text เคอร์เซอร์บ่งชี้แนวตั้งข้อความที่อาจจะถูกเลือก w-resize เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายไปซ้าย (west) wait เคอร์เซอร์จะแสดงให้เห็นว่าโปรแกรมไม่ว่าง zoom-in เคอร์เซอร์จะแสดงให้เห็นว่าสิ่งที่สามารถซูมใน zoom-out เคอร์เซอร์จะแสดงให้เห็นว่าสิ่งที่สามารถซูมออก initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: รถยนต์ กลับค่า: สตริงที่เป็นตัวแทนของเคอร์เซอร์ของเมาส์ปรากฏขึ้นเมื่อชี้เมาส์ที่มีมากกว่าองค์ประกอบ CSS รุ่น CSS2
ตัวอย่างอื่น ๆ
ตัวอย่าง
แสดงเคอร์เซอร์ที่มีอยู่ทั้งหมด:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: cursor property
<สไตล์วัตถุ