{ "compat_features": [ "svg.elements.circle.fill.context-fill", "svg.elements.ellipse.fill.context-fill", "svg.elements.path.fill.context-fill", "svg.elements.polygon.fill.context-fill", "svg.elements.polyline.fill.context-fill", "svg.elements.rect.fill.context-fill", "svg.elements.text.fill.context-fill", "svg.elements.textPath.fill.context-fill", "svg.elements.tspan.fill.context-fill", "svg.global_attributes.stroke.context-stroke" ], "description": "The context-fill and context-stroke CSS values are used with fill and stroke in SVG or elements to match a color from where they appear.", "description_html": "The context-fill and context-stroke CSS values are used with fill and stroke in SVG <marker> or <use> elements to match a color from where they appear.", "group": [ "svg" ], "kind": "feature", "name": "context-fill and context-stroke", "spec": [ "https://w3c.github.io/svgwg/svg2-draft/painting.html#SpecifyingPaint" ], "status": { "baseline": false, "by_compat_key": { "svg.elements.circle.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.ellipse.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111", "safari_ios": "3" } }, "svg.elements.path.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.polygon.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.polyline.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.rect.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.text.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.textPath.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.elements.tspan.fill.context-fill": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "svg.global_attributes.stroke.context-stroke": { "baseline": false, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } } }, "support": { "chrome": "124", "chrome_android": "124", "edge": "124", "firefox": "111", "firefox_android": "111" } }, "id": "context-fill-stroke", "groups": [ "svg" ], "specs": [ { "url": "https://w3c.github.io/svgwg/svg2-draft/painting.html#SpecifyingPaint", "seriesComposition": "full", "shortname": "SVG2", "series": { "shortname": "SVG", "currentSpecification": "SVG2", "title": "Scalable Vector Graphics (SVG)", "shortTitle": "SVG", "releaseUrl": "https://www.w3.org/TR/SVG/", "nightlyUrl": "https://w3c.github.io/svgwg/svg2-draft/" }, "seriesVersion": "2", "nightly": { "url": "https://w3c.github.io/svgwg/svg2-draft/", "status": "Editor's Draft", "alternateUrls": [ "https://svgwg.org/svg2-draft/" ], "repository": "https://github.com/w3c/svgwg", "sourcePath": "master/Overview.html", "pages": [ "https://w3c.github.io/svgwg/svg2-draft/intro.html", "https://w3c.github.io/svgwg/svg2-draft/conform.html", "https://w3c.github.io/svgwg/svg2-draft/render.html", "https://w3c.github.io/svgwg/svg2-draft/types.html", "https://w3c.github.io/svgwg/svg2-draft/struct.html", "https://w3c.github.io/svgwg/svg2-draft/styling.html", "https://w3c.github.io/svgwg/svg2-draft/geometry.html", "https://w3c.github.io/svgwg/svg2-draft/coords.html", "https://w3c.github.io/svgwg/svg2-draft/paths.html", "https://w3c.github.io/svgwg/svg2-draft/shapes.html", "https://w3c.github.io/svgwg/svg2-draft/text.html", "https://w3c.github.io/svgwg/svg2-draft/embedded.html", "https://w3c.github.io/svgwg/svg2-draft/painting.html", "https://w3c.github.io/svgwg/svg2-draft/pservers.html", "https://w3c.github.io/svgwg/svg2-draft/interact.html", "https://w3c.github.io/svgwg/svg2-draft/linking.html", "https://w3c.github.io/svgwg/svg2-draft/idl.html", "https://w3c.github.io/svgwg/svg2-draft/implnote.html", "https://w3c.github.io/svgwg/svg2-draft/access.html", "https://w3c.github.io/svgwg/svg2-draft/animate.html", "https://w3c.github.io/svgwg/svg2-draft/refs.html", "https://w3c.github.io/svgwg/svg2-draft/eltindex.html", "https://w3c.github.io/svgwg/svg2-draft/attindex.html", "https://w3c.github.io/svgwg/svg2-draft/propidx.html", "https://w3c.github.io/svgwg/svg2-draft/idlindex.html", "https://w3c.github.io/svgwg/svg2-draft/mimereg.html", "https://w3c.github.io/svgwg/svg2-draft/changes.html" ], "filename": "Overview.html" }, "seriesPrevious": "SVG11", "organization": "W3C", "groups": [ { "name": "SVG Working Group", "url": "https://www.w3.org/groups/wg/svg/" } ], "release": { "url": "https://www.w3.org/TR/SVG2/", "status": "Candidate Recommendation Snapshot", "pages": [ "https://www.w3.org/TR/SVG2/intro.html", "https://www.w3.org/TR/SVG2/conform.html", "https://www.w3.org/TR/SVG2/render.html", "https://www.w3.org/TR/SVG2/types.html", "https://www.w3.org/TR/SVG2/struct.html", "https://www.w3.org/TR/SVG2/styling.html", "https://www.w3.org/TR/SVG2/geometry.html", "https://www.w3.org/TR/SVG2/coords.html", "https://www.w3.org/TR/SVG2/paths.html", "https://www.w3.org/TR/SVG2/shapes.html", "https://www.w3.org/TR/SVG2/text.html", "https://www.w3.org/TR/SVG2/embedded.html", "https://www.w3.org/TR/SVG2/painting.html", "https://www.w3.org/TR/SVG2/pservers.html", "https://www.w3.org/TR/SVG2/interact.html", "https://www.w3.org/TR/SVG2/linking.html", "https://www.w3.org/TR/SVG2/idl.html", "https://www.w3.org/TR/SVG2/implnote.html", "https://www.w3.org/TR/SVG2/access.html", "https://www.w3.org/TR/SVG2/animate.html", "https://www.w3.org/TR/SVG2/refs.html", "https://www.w3.org/TR/SVG2/eltindex.html", "https://www.w3.org/TR/SVG2/attindex.html", "https://www.w3.org/TR/SVG2/propidx.html", "https://www.w3.org/TR/SVG2/idlindex.html", "https://www.w3.org/TR/SVG2/mimereg.html", "https://www.w3.org/TR/SVG2/changes.html" ], "filename": "Overview.html" }, "title": "Scalable Vector Graphics (SVG) 2", "source": "w3c", "shortTitle": "SVG 2", "categories": [ "browser" ], "standing": "good", "tests": { "repository": "https://github.com/web-platform-tests/wpt", "testPaths": [ "svg" ] }, "fragment": "SpecifyingPaint" } ], "mdnUrls": [ { "slug": "Web/SVG/Reference/Attribute/fill", "title": "fill", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/fill" }, { "slug": "Web/SVG/Reference/Attribute/stroke", "title": "stroke", "anchor": null, "url": "https://developer.mozilla.org/docs/Web/SVG/Reference/Attribute/stroke" } ], "standardPositions": [], "hasNegativeStandardPosition": false, "stateOfSurveys": [], "chromeUseCounters": { "percentageOfPageLoad": 0.00005709, "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/155" }, "interop": [], "wpt": { "url": "https://wpt.fyi/results?q=feature:context-fill-stroke" }, "developerSignals": { "url": "https://github.com/web-platform-dx/developer-signals/issues/199", "votes": 9 }, "bugs": {}, "useCases": null, "baselineLowDateAsObject": null, "baselineHighDateAsObject": null, "blockedOn": "Safari", "blockedSince": "April 2024", "monthsBlocked": 29 }