[css-borders-4] Initial (somewhat scaffoldy) spec for 'border-shape' #11656
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Closes w3c#6997 This defines the 'border-shape' property with a narrow set of details that we've resolved on, leaving room for discussing some details as we go along. Specifically, this adds the two variants of 'border-shape' (single/double <basic-shape>). Issues to be opened separately: * interaction with border-{width|color|style} * Clipping replaced elements * Lots of examples
smfr
approved these changes
Feb 5, 2025
css-borders-4/Overview.bs
Outdated
| 'border-shape' does not affect the flow of content inside the box. | ||
| Note: An author can use 'border-shape' in tandem with 'shape-inside' to create effects that decorate the box and control its text flow at the same time. | ||
|
|
||
| The inner 'border-shape' clips the content of the element, in the same manner as 'border-radius'. |
There was a problem hiding this comment.
Perhaps worth spelling out that "in the same manner" means that only if overflow:hidden is set
|
|
||
| Issue: define this in detail. Perhaps it should be overridable somehow? | ||
|
|
||
| Issue: what do we do about 'border-style'? It can't exactly work for every arbitrary shape. |
There was a problem hiding this comment.
We could support dotted and dashed on the single path variant, but not the two-path variant.
There was a problem hiding this comment.
We could support dotted and dashed on the single path variant, but not the two-path variant.
Are we going to stroke the inner and outer paths? Anyway we will have a separate issue for this
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Closes #6997
This defines the 'border-shape' property with a narrow set of details that we've resolved on, leaving room for discussing some details as we go along.
Specifically, this adds the two variants of 'border-shape' (single/double ).
Issues to be opened separately: