styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfill-opacityfill-rulefilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

מאפיין fill-rule

מאפיין fill-rule קובע את האלגוריתם שמכריע אילו חלקים בצורת SVG נחשבים "בפנים" לצורך מילוי. רלוונטי לצורות מורכבות עם חיתוכים-עצמיים או תת-מסלולים סגורים בתוך תת-מסלולים אחרים.
path { fill-rule: evenodd; } .star-overlap { fill-rule: nonzero; }
nonzeroכלל הלא-אפס: מציירים קרן מהנקודה לאינסוף וסופרים — קטעים שחוצים משמאל-לימין מוסיפים 1, מימין-לשמאל מורידים 1. תוצאה שונה מאפס = בפנים (ברירת המחדל).evenoddכלל זוגי-אי-זוגי: מציירים קרן וסופרים את מספר החציות. מספר אי-זוגי = בפנים, זוגי = בחוץ. CSS Fill and Stroke Module Level 3 Editor's Draft W3CMDN
Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית