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