CSS รายการ marker-start

  • หน้าก่อน marker-mid
  • หน้าต่อไป mask

การระบุและการใช้งาน

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

รูปร่างของสัญลักษณ์ถูกกำหนดโดยองค์ประกอบ SVG <marker> และถูกอ้างอิงโดยค่า url()。

CSS marker-start ค่าของคุณสมบัติจะทำให้เกิดการครอบคลุมค่าของคุณสมบัติ marker-start ใน SVG。

ตัวอย่าง

ตัวอย่าง 1

นำไปสู่สัญลักษณ์ (แฮงใบ) ที่จะถูกวาดบนจุดหัวของเส้นทางขององค์ประกอบ:

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

ลองทดลองเอง

ตัวอย่าง 2

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

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

ลองทดลองเอง

ภาษา CSS

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

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

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

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

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

เชโร่ม เอดจ์ ไฟร็อกซ์ แซฟารี่ ออเปร่า
80 80 72 13.1 67

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

ตำรา：SVG สัญลักษณ์

อ้างอิง：CSS รายการ marker

อ้างอิง：CSS รายการ marker-mid

อ้างอิง：CSS รายการ marker-end

  • หน้าก่อน marker-mid
  • หน้าต่อไป mask