คุณสมบัติ Style cursor

คำอธิบายและการใช้งาน

cursor ตั้งค่าหรือคืนค่าคุณสมบัติของชนิดเครื่องมือปรากฏที่แสดงให้เห็นในประมวลยู่:

ดูเพิ่มเติม:

คู่มือ CSS:คุณสมบัติ cursor

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนเครื่องมือปรากฏ:

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

ลองด้วยตัวเอง

ตัวอย่าง 2

แสดงความสามารถของเครื่องมือปรากฏทั้งหมด:

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

ลองด้วยตัวเอง

ตัวอย่าง 3

คืนค่าชนิดเครื่องมือปรากฏ:

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

ลองด้วยตัวเอง

บทบัญญัติ

คืนค่าคุณสมบัติ cursor:

object.style.cursor

ตั้งค่าคุณสมบัติ cursor:

object.style.cursor = value

ค่าคุณสมบัติ

ค่า คำอธิบาย
alias ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการสร้างชื่อนิรนามของสิ่งที่ต้องการสร้าง
all-scroll ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสามารถเลื่อนได้ทั้งทิศทาง
auto ปริยาย หน่วยบราวเซอร์ตั้งค่าตาแบบประมวลผลคอมพิวเตอร์
cell ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสามารถเลือกหน่วยตาราง (หรือกลุ่มหน่วยตาราง)ได้
context-menu ตาแบบประมวลผลคอมพิวเตอร์บอกว่าเมนูสำหรับบริบทสามารถใช้ได้
col-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสามารถปรับขนาดคอลัมน์ได้ตายตัว
copy ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสิ่งที่ต้องการคัดลอก
crosshair ตาแบบประมวลผลคอมพิวเตอร์แสดงเป็นท่องลูกนาฬิกา
default ตาแบบประมวลผลคอมพิวเตอร์ปริยาย
e-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านขวา (ทางตะวันออก)
ew-resize บอกว่าตาแบบประมวลผลคอมพิวเตอร์สามารถปรับขนาดได้ทั้งทิศทาง
help ตาแบบประมวลผลคอมพิวเตอร์บอกว่าช่วยเหลือสามารถใช้ได้
move ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสิ่งที่ต้องการย้าย
n-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านบน (เหนือ)
ne-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านบนและทางขวา (เหนือ/ตะวันออก)
nesw-resize บอกว่าตาแบบประมวลผลคอมพิวเตอร์สามารถปรับขนาดได้ทั้งทิศทาง
ns-resize บอกว่าตาแบบประมวลผลคอมพิวเตอร์สามารถปรับขนาดได้ทั้งทิศทาง
nw-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านบนและทางซ้าย (เหนือ/ตะวันตก)
nwse-resize บอกว่าตาแบบประมวลผลคอมพิวเตอร์สามารถปรับขนาดได้ทั้งทิศทาง
no-drop ตาแบบประมวลผลคอมพิวเตอร์บอกว่าไม่สามารถจัดเก็บทรัพย์สินที่ถูกลากมาที่นี่ได้
none ไม่มีตาแบบประมวลผลคอมพิวเตอร์ที่แสดงขึ้นสำหรับองค์ประกอบนี้
not-allowed ตาแบบประมวลผลคอมพิวเตอร์บอกว่าการกระทำที่ขอให้กระทำจะไม่ถูกปฏิบัติ
pointer ตาแบบประมวลผลคอมพิวเตอร์เป็นเหมือนทูตแบบประมวลผลคอมพิวเตอร์ที่บอกว่ามีลิงก์
progress ตาแบบประมวลผลคอมพิวเตอร์บอกว่าโปรแกรมกำลังทำงาน (กำลังดำเนินงาน)
row-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าบรรทัดนี้สามารถปรับขนาดตายตัวได้
s-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านล่าง (ใต้)
se-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านล่างและทางขวา (ใต้/ตะวันออก)
sw-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านล่างและทางซ้าย (ใต้/ตะวันตก)
text ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสามารถเลือกข้อความได้
URL

รายชื่อ URL ที่กำหนดตาแบบประมวลผลคอมพิวเตอร์ที่กำหนดไว้ด้วยความหมาย

หมายเหตุ:ต้องการระบุตาแบบประมวลผลคอมพิวเตอร์ทั่วไปที่สุดในท้ายของรายการ เพื่อที่จะมีตาแบบประมวลผลคอมพิวเตอร์ที่ไม่มี URL ระบุใช้ได้
vertical-text ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสามารถเลือกข้อความตารางนอร์ท-ซอธ
w-resize ตาแบบประมวลผลคอมพิวเตอร์บอกว่าต้องการย้ายขอบกรอบไปทางด้านซ้าย (ทางตะวันตก)
wait ตาแบบประมวลผลคอมพิวเตอร์บอกว่าโปรแกรมกำลังทำงาน
zoom-in ตาแบบประมวลผลคอมพิวเตอร์บอกว่าสามารถขยายบางอย่างได้
zoom-out ตาแบบประมวลผลคอมพิวเตอร์นั้นบอกว่าสามารถขยายบางอย่างได้
initial ตั้งค่าคุณสมบัตินี้เป็นค่าปริยายของมัน โปรดดู initial。
inherit ทำให้องค์ประกอบนี้สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของตน โปรดดู inherit。

รายละเอียดเทคนิค

ค่าปริยาย auto
ค่าที่คืนค่ามา ตัวอักษรคำว่าตัวแทนของตาแบบประมวลผลคอมพิวเตอร์ที่แสดงขึ้นเมื่อตาแบบประมวลผลคอมพิวเตอร์ของคุณหลงอยู่บนองค์ประกอบ。
CSS รุ่น: CSS2

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน