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。 |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کامل پشتیبانی میکنند.
| کروم | ایج | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| 80 | 80 | 72 | 13.1 | 67 |
مرتبط صفحات
تدریس:ایس وی جی مارک
مطالب:CSS مارکر
مطالب:CSS مارکر-میڈ
مطالب:CSS مارکر-اسٹارٹ
