ویژگی marker-end CSS
- صفحه قبل marker
- صفحه بعدی marker-mid
تعریف و استفاده
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
- صفحه قبل marker
- صفحه بعدی marker-mid