ویژگی marker-end CSS

تعریف و استفاده

marker-end این ویژگی به یک نشانگر اشاره دارد که در نقطه آخر مسیر عنصر نقاشی می‌شود.

شکل نشانگر توسط عنصر SVG <marker> تعریف شده و با مقدار url() ارجاع داده می‌شود.

CSS marker-end مقدار ویژگی پوشش می‌دهد مقدار ویژگی marker-end در SVG.

مثال

مثال 1

به یک نشانگر (پیکان) اشاره دارد که در نقطه آخر مسیر عنصر نقاشی می‌شود:

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

پس از آن امتحان کنید

مثال 2

به یک نشانگر (دایره) اشاره دارد که در نقطه آخر مسیر عنصر نقاشی می‌شود:

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

پس از آن امتحان کنید

نحوه نوشتن CSS

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

مقدار ویژگی

مقدار توضیح
none مقدار پیش‌فرض. هیچ نشان‌گذاری در نقطه آخر مسیر نقاشی نمی‌شود.
url اشاره به URL نشانگر تعریف شده توسط علامت‌گذار SVG <marker>.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. به بررسی initial
inherit این ویژگی از عنصر والد خود ارث می‌برد. به بررسی inherit

پشتیبانی مرورگر

تعداد در جدول نشان‌دهنده نسخه اولیه مرورگر است که این ویژگی را کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
80 80 72 13.1 67

صفحات مرتبط

آموزش:نشان‌های SVG

ارجاع به:ویژگی marker CSS

ارجاع به:ویژگی marker-mid CSS

ارجاع به:ویژگی marker-start CSS