New module: CSS round display (mdn#40618)

* New module: CSS round display

* New module: CSS round display

* New module: CSS round display

* see also on path page

* Apply suggestions from code review

Co-authored-by: Dipika Bhattacharya <[email protected]>

---------

Co-authored-by: Dipika Bhattacharya <[email protected]>

files/en-us/web/css/@media/shape/index.md

@@ -78,3 +78,4 @@ Currently, no browsers support this feature.
 
 - [Using Media Queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
 - [@media](/en-US/docs/Web/CSS/@media)
+- [CSS round display](/en-US/docs/Web/CSS/CSS_round_display) module

files/en-us/web/css/basic-shape/path/index.md

@@ -179,6 +179,6 @@ svg {
 ## See also
 
 - {{cssxref("<shape-outside>")}}
-- [CSS Shapes](/en-US/docs/Web/CSS/CSS_shapes)
-- [Overview of CSS Shapes](/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes)
-- [SVG Path Syntax Illustrated Guide](https://css-tricks.com/svg-path-syntax-illustrated-guide/)
+- [CSS shapes](/en-US/docs/Web/CSS/CSS_shapes) module
+- [Overview of CSS shapes](/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes)
+- [The SVG `path` syntax: an illustrated guide](https://css-tricks.com/svg-path-syntax-illustrated-guide/) via CSS-tricks (2021)

files/en-us/web/css/css_round_display/index.md

@@ -0,0 +1,46 @@
+---
+title: CSS round display
+slug: Web/CSS/CSS_round_display
+page-type: css-module
+spec-urls: https://drafts.csswg.org/css-round-display/
+sidebar: cssref
+---
+
+The **CSS round display** module defines CSS extensions to support a round display, such as wrist-watches, to help developers build web pages suitable for those devices.
+
+## Reference
+
+### Properties
+
+The CSS round display module introduces the `border-boundary` and `shape-inside` properties. Currently, no browsers support these features.
+
+### Descriptors
+
+- {{cssxref("@media/shape", "shape")}} ({{cssxref("@media")}} feature)
+
+## Guides
+
+- [Using media queries](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
+  - : Introduces media queries, their syntax, and the operators and media features used to construct media query expressions.
+
+- [Overview of CSS Shapes](/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes)
+  - : Defines basic shapes and how to debug them with developer tools.
+
+## Related concepts
+
+- {{cssxref("@media")}} at-rule
+- {{cssxref("offset-distance")}} property
+- {{cssxref("offset-path")}} property
+- {{cssxref("offset-position")}} property
+- [`viewport-fit`](/en-US/docs/Web/HTML/Reference/Elements/meta/name/viewport#viewport-fit) value for {{htmlelement("meta")}} `content` attribute
+
+## Specifications
+
+{{Specifications}}
+
+## See also
+
+- {{cssxref("basic-shape")}} data-type
+- {{cssxref("shape-outside")}} property
+- [CSS shapes](/en-US/docs/Web/CSS/CSS_shapes) module
+- [CSS media queries](/en-US/docs/Web/CSS/CSS_media_queries) module