Skip to content

[css-borders-4] border-clip with an element reference #8808

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jsnkuhn opened this issue May 6, 2023 · 1 comment
Open

[css-borders-4] border-clip with an element reference #8808

jsnkuhn opened this issue May 6, 2023 · 1 comment

Comments

@jsnkuhn
Copy link

jsnkuhn commented May 6, 2023

There is a common styling need for borders to be clipped by an overlapping heading element as in the example below.

4uU0Of3xTQqEGAgD1AJxW8xZq7D3o9ilMnEVSDPH3no

Would it be possible to expand the "partial borders" property (border-clip/border-limit) to include an element reference that would clip/limit the border to the size of the referenced element?

Something like:

border-clip: url(#heading);

https://drafts.csswg.org/css-backgrounds-4/#partial-borders

@Loirooriol
Copy link
Contributor

So basically you want to expose the <fieldset>/<legend> magic as CSS?

@SebastianZ SebastianZ changed the title [css-backgrounds-4] border-clip with an element reference [css-borders-4] border-clip with an element reference Aug 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants