Back to Content

CSS round display

files/en-us/web/css/guides/round_display/index.md

latest1.6 KB
Original Source

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.
  • {{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