ตัวอย่าง
บางเคอร์เซอร์ที่แตกต่างกัน
span.crosshair
{
cursor: crosshair;
}
span.help
{
cursor: help;
}
span.wait
{
cursor: wait;
}
ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติเคอร์เซอร์ระบุชนิดของเคอร์เซอร์ที่จะแสดงเมื่อชี้ในองค์ประกอบ
ค่าเริ่มต้น: | auto |
---|---|
รับการถ่ายทอด: | yes |
Animatable: | no. Read about animatable |
เวอร์ชัน: | CSS2 |
ไวยากรณ์ javascript: | object .style.cursor="crosshair" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
คุณสมบัติ | |||||
---|---|---|---|---|---|
cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
CSS ไวยากรณ์
cursor:value;
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ | เล่น |
---|---|---|
alias | เคอร์เซอร์บ่งชี้นามแฝงของบางสิ่งบางอย่างจะถูกสร้างขึ้น | เล่น " |
all-scroll | เคอร์เซอร์จะแสดงให้เห็นว่าสิ่งที่สามารถเลื่อนไปในทิศทางใด | เล่น " |
auto | ค่าเริ่มต้น. เบราว์เซอร์ชุดเคอร์เซอร์ | เล่น " |
cell | เคอร์เซอร์จะแสดงให้เห็นว่าเซลล์ (or set of cells) อาจจะถูกเลือก | เล่น " |
context-menu | เคอร์เซอร์จะแสดงให้เห็นว่าบริบทเมนูสามารถใช้ได้ | เล่น " |
col-resize | เคอร์เซอร์จะแสดงให้เห็นว่าคอลัมน์สามารถปรับขนาดในแนวนอน | เล่น " |
copy | เคอร์เซอร์ชี้ให้เห็นบางสิ่งบางอย่างที่จะคัดลอก | เล่น " |
crosshair | เคอร์เซอร์จะทำให้เป็นเล็ง | เล่น " |
default | เคอร์เซอร์จะเริ่มต้น | เล่น " |
e-resize | เคอร์เซอร์บ่งชี้ว่าขอบของกล่องที่จะถูกย้ายไปทางขวา (east) | เล่น " |
ew-resize | บ่งชี้เคอร์เซอร์ปรับขนาดแบบสองทิศทาง | เล่น " |
grab | เคอร์เซอร์จะแสดงให้เห็นว่าสิ่งที่สามารถคว้า | เล่น " |
grabbing | เคอร์เซอร์จะแสดงให้เห็นว่าสิ่งที่สามารถคว้า | เล่น " |
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 | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: cursor property