خصوصیت marker-start CSS
- صفحه قبل marker-mid
- صفحه بعدی mask
تعریف و استفاده
marker-start
این ویژگی به یک علامت اشاره میکند که در اولین نقطه مسیر عنصر نقاشی میشود.
شکل علامت توسط عنصر SVG <marker> تعریف شده و از طریق مقدار url() مراجعه میشود.
CSS marker-start
مقدار ویژگی این ویژگی این ویژگی SVG marker-start را در SVG پوشش میدهد.
مثال
مثال 1
به یک علامت (پیکان) اشاره میکند که در اولین نقطه مسیر عنصر نقاشی میشود:
#test { marker-start: url(#arrow); }
مثال 2
به یک علامت (دایره) اشاره میکند که در اولین نقطه مسیر عنصر نقاشی میشود:
#test { marker-start: url(#circle); }
نحوه نوشتن CSS
marker-start: هیچیک|url|مبدأیی|وراثت;
مقدار ویژگی
مقدار | توضیح |
---|---|
هیچیک | مقدار پیشفرض. هیچ علامتی در اولین نقطه مسیر نقاشی نمیشود. |
url | URL به وسیله علامتگذار SVG <marker> تعریف شده. |
مبدأیی | این ویژگی را به مقدار پیشفرض خود تنظیم کنید. به منابع مراجعه کنید مبدأیی。 |
وراثت | این ویژگی از عنصر والد خود این ویژگی را ارث میبرد. به منابع مراجعه کنید وراثت。 |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه مرورگر اولین که این ویژگی را کامل پشتیبانی میکند است.
کروم | ایج | فایرفاکس | سفاری | آپرا |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
صفحات مرتبط
آموزش:نشانهای SVG
منبع:خصوصیت marker CSS
- صفحه قبل marker-mid
- صفحه بعدی mask