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

• shape (@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

• @media at-rule
• offset-distance property
• offset-path property
• offset-position property
• viewport-fit value for <meta> content attribute

Specifications

See also

• basic-shape data-type
• shape-outside property
• CSS shapes module
• CSS media queries module
• CSS environment variables module