خصائص العلامة لـ CSS

التعريف والاستخدام

marker الخاصية تشير إلى علامة سيتم رسمها على جميع نقاط القمة للمسار (أي البداية والوسط والنهاية).

شكل العلامة يتم تحديده بواسطة عنصر SVG <marker> ويتم استدلاله عبر قيمة url().

CSS marker قيمة الخاصية ستقوم بإنشاء تغطية لأي قيمة لـ marker في SVG.

مثال

مثال 1

يشير إلى علامة (سهم) سيتم رسمها على نقاط البداية والوسط والنهاية للمسار للعنصر:

#test {
  marker: url(#arrow);
}

تجربة شخصية

مثال 2

يشير إلى علامة (دائرة) سيتم رسمها على نقاط البداية والوسط والنهاية للمسار للعنصر:

#test {
  marker: url(#circle);
}

تجربة شخصية

نصاعة CSS

marker: none|url|initial|inherit;

قيمة الخاصية

القيمة الوصف
none القيمة الافتراضية. لن يتم رسم أي علامة على المسار.
url الاستدلال على العنوان من خلال العلامة المحددة بواسطة عنصر SVG <marker>.
initial ضبط هذه الخاصية إلى قيمتها الافتراضية. راجع initial.
inherit تنقل هذه الخاصية من عنصر الأب. راجع inherit.

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

كروم إدج فايرفوكس سفاري أوبرا
80 80 72 13.1 67

الصفحات ذات الصلة

دروس:علامات SVG

المرجع:خصائص العلامة اليسرى لـ CSS

المرجع:خصائص العلامة الوسطى لـ CSS

المرجع:خصائص العلامة اليمنى لـ CSS