[css-masking] Find a way for clip-path to play nicely with borders and filters #5881
Description
Currently, clip-path has a lot of great options. However, it has two limitations:
- You can't use it to define the stroke of a border
- It clips its element's box shadow and filters (e.g. blur / drop-shadow) - while this behavior is vaguely defined.
It would be great if there was a shape-based option that behaved like border-radius:
- it clips the contents when
overflow: hidden, but not its own filters - The borders trace it
Maybe a new property border-path (between border-radius and clip-path)?
Maybe an additional parameter to clip-path?