The CSS Propertie paint-order

מאפיין paint-order שולט בסדר ציור של מילוי (fill), קו מתאר (stroke) וסמני SVG (markers) באלמנטים גרפיים ובטקסט. שימושי במיוחד להפיכת הסדר כך שה-stroke יצויר תחת ה-fill — נותן טיפוגרפיה מודגשת ללא כפילות.

.heading { paint-order: stroke; }

.outlined-text { -webkit-text-stroke: 4px black; paint-order: stroke fill markers; }

normalסדר ברירת המחדל: fill → stroke → markers.

fillמילוי מצויר ראשון בעמדה זו. ערכים שלא צוינו ימשיכו בסדר הרגיל.

strokeקו המתאר מצויר במיקום זה. נפוץ במיוחד: paint-order: stroke — מצייר fill מעל ה-stroke.

markersסמני SVG (marker-start/mid/end) מצוירים במיקום זה.

SVG 2

Editor's Draft

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next