Skip to content
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

mask-border CSS shorthand #883

Open
stubbornella opened this issue Oct 9, 2024 · 2 comments
Open

mask-border CSS shorthand #883

stubbornella opened this issue Oct 9, 2024 · 2 comments
Labels
focus-area-proposal Focus Area Proposal

Comments

@stubbornella
Copy link

Description

The mask-border CSS property sets how the edges of an element are masked. It is a shorthand for mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, and mask-border-width.

Specification

https://developer.mozilla.org/en-US/docs/Web/CSS/mask-border

Additional Signals

No response

@stubbornella stubbornella added the focus-area-proposal Focus Area Proposal label Oct 9, 2024
@gsnedders
Copy link
Member

https://wpt.fyi/results/css/css-masking?label=master&label=experimental&aligned&q=mask-border doesn't match much; we probably need to split through variants the following to have mask-border tests specifically:

css/css-masking/inheritance.sub.html
css/css-masking/mask-shorthand-subproperties-reset.html
css/css-masking/parsing/mask-valid.sub.html

@nt1m
Copy link
Member

nt1m commented Oct 12, 2024

https://github.com/search?q=repo%3Awebkit%2Fwebkit+mask-box-image&type=code&p=1

This is just a renamed version of -webkit-mask-box-image, those LayoutTests could just be ported over to WPT if rendering tests are needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
focus-area-proposal Focus Area Proposal
Projects
Status: No status
Development

No branches or pull requests

3 participants