CSS round display

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.

At-rules and descriptors

• {{cssxref("@media/shape", "shape")}}  ({{cssxref("@media")}}  feature)

Guides

• Using media queries

  • : Introduces media queries, their syntax, and the operators and media features used to construct media query expressions.

• Overview of CSS Shapes

  • : Defines basic shapes and how to debug them with developer tools.

• Using environment variables

  • : Overview of what environment variables are, browser defined environment variables, and how to use the env() function.

Related concepts

• {{cssxref("@media")}}  at-rule
• {{cssxref("offset-distance")}}  property
• {{cssxref("offset-path")}}  property
• {{cssxref("offset-position")}}  property
• viewport-fit value for {{htmlelement("meta")}}  content attribute

Specifications

{{Specifications}} 

See also

• {{cssxref("basic-shape")}}  data-type
• {{cssxref("shape-outside")}}  property
• CSS shapes module
• CSS media queries module
• CSS environment variables module