Skip to content

Conversation

estelle
Copy link
Member

@estelle estelle commented Aug 25, 2025

goes with #40663

@estelle estelle requested a review from a team as a code owner August 25, 2025 15:44
@estelle estelle requested review from chrisdavidmills and removed request for a team August 25, 2025 15:44
@github-actions github-actions bot added Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed labels Aug 25, 2025
Copy link
Contributor

github-actions bot commented Aug 25, 2025

Preview URLs

Flaws (21)

URL: /en-US/docs/Web/CSS/CSS_borders_and_box_decorations
Title: CSS borders and box decorations
Flaw count: 21

  • macros:
    • Can't resolve /en-US/docs/Web/CSS/corner-shape
    • Can't resolve /en-US/docs/Web/CSS/corner-block-end-shape
    • Can't resolve /en-US/docs/Web/CSS/corner-block-start-shape
    • Can't resolve /en-US/docs/Web/CSS/corner-bottom-left-shape
    • Can't resolve /en-US/docs/Web/CSS/corner-bottom-right-shape
    • and 16 more flaws omitted

(comment last updated: 2025-08-26 10:00:14)


The **CSS borders and box decorations** module provides properties for adding borders, rounded corners, and box shadows to elements. This module extends borders and box decorations introduced in the [CSS backgrounds and borders](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders) module, adding {{cssxref("corner-shape")}} and border-shape properties, logical {{cssxref("border-radius")}} properties, longhand properties for the {{cssxref("box-shadow")}} property, as well as properties to create partial borders.

### Borders and box decorations in action
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't start the heading sequence with H3

Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@estelle couple of small comments, but mostly looking good. Approving.

Copy link
Contributor

@chrisdavidmills chrisdavidmills left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry, one more small comment.

}

select.addEventListener("change", setCornerShape);
range.addEventListener("change", setCornerShape);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you made this an input handler instead, the user could see the radius change in real-time as they drag the slider handle, rather than only seeing a change on release.

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
@estelle estelle merged commit 0bd3d59 into main Aug 26, 2025
12 checks passed
@estelle estelle deleted the modbox branch August 26, 2025 10:02
@estelle
Copy link
Member Author

estelle commented Aug 26, 2025

Also part of openwebdocs/project#147

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants