aiki CSS paint-order

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

paint-order يحدد الخصائص ترتيب الرسم للعناصر SVG أو النص.

ملاحظة:للعناصر النصية، يمكن تغيير ترتيب الرسم للخط (stroke) والملء (fill) فقط، لأن العلامات (markers) غير قابلة للتطبيق.

تغيير ترتيب الرسم للعناصر SVG <circle>:

circle {
  paint-order: stroke fill;
}

تغيير ترتيب الرسم للعناصر SVG <text> التي تحتوي على تعبئة متدرجة من الألوان:

text {
  paint-order: stroke fill;
}

paint-order: عادي|قيمة واحدة|قيمتان|ثلاثة قيم|القيمة الافتراضية|التوريث;

القيمة	الوصف
عادي	القيمة الافتراضية. ترتيب الرسم هو التعبئة، التخطيط، العلامات.
قيمة واحدة	سيبدأ الرسم من القيم المحددة، ثم يستمر بمنظور افتراضي في رسم البقية. إذا تم تحديد "stroke" فقط، فإن النشاط التالي للرسم سيكون التعبئة (fill) ثم العلامات (markers).
قيمتان	سيبدأ الرسم من القيم المحددة، ثم يستمر بمنظور افتراضي في رسم البقية. إذا تم تحديد "stroke markers"، فإن النشاط التالي للرسم سيكون التعبئة (fill).
ثلاثة قيم	الرسم سيتم وفقًا للقيم المحددة.
القيمة الافتراضية	سيتم تعيين هذا الخصائص إلى قيمته الافتراضية. انظر القيمة الافتراضية.
التوريث	يرجى الرجوع إلى التوريث.

القيمة الافتراضية:	عادي
التوريث:	نعم
صنع الرسوم المتحركة:	غير مدعوم. انظر:خصائص الرسوم المتحركة.
الإصدار:	CSS3
جافا سكربت لغة:	object.style.paintOrder="stroke fill"

الرقم في الجدول يعني إصدار المتصفح الذي يدعم الخاصية الأولى كاملة.

كروم	إدج	فايرفوكس	سفاري	أوبرا
35.0	17.0	60.0	8.0	22.0