context-fill and context-stroke

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.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

124

Supported

Mozilla Firefox

111

Supported

Apple Safari

—

Unsupported

Microsoft Edge

124

Supported

Mobile Browser Engine Support

Chrome Android

124

Firefox Android

111

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

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 ↗