- From: fantasai via GitHub <sysbot+gh@w3.org>
- Date: Tue, 06 Aug 2024 12:23:11 +0000
- To: public-css-archive@w3.org
If you want to set the edges in one rule and the trim with another, you would use the longhands like this:
```
.ideographic { text-box-edge: ideographic; }
.alphabetic { text-box-edge: cap alphabetic; }
…
h2 { text-box-trim: trim-both; }
```
If you use the shorthand to set the edges (or if you set both the edges and the trim using the longhands as in your example), then whether the trim takes effect will depend on the cascade order of the declarations. Note in this example, the h2 selector has less specificity—it’s important that `.ideographic` not set the trim at all if we want the `h2` rule to take effect.
Shorthands always set all their longhands, and I figure in most cases if you’re specifying the edges you’re wanting to trim to them also, not to reset the trim to none, hence the default to trim.
--
GitHub Notification of comment by fantasai
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10675#issuecomment-2271162587 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 6 August 2024 12:23:12 UTC