Examples for clip path boxes

[jmswisher]

Hi folks!

Clip path boxes are now Baseline Widely Available, and I came up with a little demo for my own understanding.

However, I'm not sure of the best way to extend the clip-path page to show fill-box, stroke-box, and view-box: either a new example section or adding on to an existing example. But none of the current examples use a stroke that would make a difference to the bounding box.

Thoughts?

--Janet Swisher

[dipikabh]

Hi @jmswisher, thanks for your patience.

Yes, we're missing examples on the CSS clip-path page to demo fill-box, stroke-box, and view-box. Please feel free to send a PR to add a new example section (one or more as you deem fit) to the page.

Interestingly, the closest coverage we have of fill-box/stroke-box/view-box in an example is in the SVG area: https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/clip-path#example.