עברית
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 CSS Property
The fill-rule property determines the algorithm that decides which parts of an SVG shape are considered "inside" for filling. Relevant for complex paths with self-intersections or subpaths enclosing other subpaths.
path {
fill-rule: evenodd;
}
.star-overlap {
fill-rule: nonzero;
}
nonzeroNonzero rule: draw a ray from the point to infinity and count crossings — left-to-right adds 1, right-to-left subtracts 1. Nonzero result = inside (default).evenoddEven-odd rule: draw a ray and count crossings. Odd count = inside, even = outside.
CSS Fill and Stroke Module Level 3
Editor's Draft
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext