CSS marker-mid นิยาย

การกำหนดและการใช้งาน

marker-mid คุณสมบัตินี้บอกไปยังการทำเครื่องหมายที่จะถูกวาดบนจุดยอดกลางของเส้นทางขององค์ประกอบ。

รูปร่างของการทำเครื่องหมายถูกกำหนดโดยองค์ประกอบ SVG <marker> และถูกอ้างอิงโดยค่า url()。

CSS marker-mid ค่าของคุณสมบัติจะทับทางค่าของคุณสมบัติ marker-mid ใน SVG。

ตัวอย่าง

ตัวอย่าง 1

บอกไปยังการทำเครื่องหมาย (ฝ่าย) ที่จะถูกวาดบนจุดยอดกลางของเส้นทางขององค์ประกอบทั้งหมด:

#test {
  marker-mid: url(#arrow);
}

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

ตัวอย่าง 2

บอกไปยังการทำเครื่องหมาย (วงกลม) ที่จะถูกวาดบนจุดยอดกลางของเส้นทางขององค์ประกอบทั้งหมด:

#test {
  marker-mid: url(#circle);
}

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

ภาษา CSS

marker-mid: none|url|initial|inherit;

ค่าของคุณสมบัติ

ค่า รายละเอียด
ไม่มีสัญลักษณ์ใดๆ ที่จะถูกวาดบนจุดยอดกลางของเส้นทาง。 ค่าเริ่มต้น
url การอ้างอิง URL ของทางหลักของการทำเครื่องหมายที่ถูกกำหนดโดยองค์ประกอบ SVG <marker>。
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดู initial。
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน。ดู inherit。

การสนับสนุนบราวเซอร์

ตัวเลขในตารางแสดงว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วนแล้ว。

เชิร์โมว เอดจ์ ฟากซ์ เซฟาฟาย ออเปร่า
80 80 72 13.1 67

หน้าที่เกี่ยวข้อง

ความรู้：SVG สัญลักษณ์

อ้างอิง：CSS marker นิยาย

อ้างอิง：CSS marker-start นิยาย

อ้างอิง：CSS marker-end นิยาย