ویژگی marker CSS

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

marker این ویژگی به یک نشانه اشاره می‌کند که در همه نقاط بالای مسیر عناصر ترسیم می‌شود (یعنی اولین، وسطی و آخرین نقاط).

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

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

مثال

مثال 1

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

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

تجربه کنید

مثال 2

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

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

تجربه کنید

زبان CSS

marker: هیچ‌چیز|url|ابتدایی|نقلی;

مقدار ویژگی

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

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

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

کروم ایج افریکس سفاری آپرا
80 80 72 13.1 67

صفحات مرتبط

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

منبع:ویژگی marker-start CSS

منبع:ویژگی marker-mid CSS

منبع:ویژگی marker-end CSS