The `paint-order` property is a useful tool for creating outline effects on text in SVG drawings. There is a demo on the MDN page: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/paint-order#result
The graphing library Highcharts uses the paint-order trick on data labels to ensure contrast even when the label may appear over a variety of background colours.
The same behaviour can also be specified in an SVG attribute with the same name `paint-order`, but CSS takes presedence if both are set.
The graphing library Highcharts uses the paint-order trick on data labels to ensure contrast even when the label may appear over a variety of background colours.
The same behaviour can also be specified in an SVG attribute with the same name `paint-order`, but CSS takes presedence if both are set.
Edited by stig