CSS marker کی ویژگی

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

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 نقش

مطالعه:CSS marker-start کی ویژگی

مطالعه:CSS marker-mid کی ویژگی

مطالعه:CSS marker-end کی ویژگی