HOME
ABOUT
- RESULTS
- differences
- BENEFITS
- HISTORY
- TEAM
- LOCATION
- FACILITIES
- BANKING
- MEMBERSHIPS
- APPROVALS
- LICENCES
- SUPPLIERS
- SPONSORSHIPS
- MEDIA
- PRIVACY
AUCTIONS
SHIPPING
FEES
- TS REWARDS
TOOLS
guides
FAQ
CONTACT
- CONNECT

VEHICLES
BRAND
- JAPANESE CARS
  - DAIHATSU
  - EUNOS
  - FORD
  - HONDA
  - ISUZU
  - LEXUS
  - MAZDA
  - MITSUBISHI
  - MITSUOKA
  - NISSAN
  - SUBARU
  - SUZUKI
  - TOYOTA
- GERMAN CARS
- AMERICAN CARS
- BRITISH CARS
- ITALIAN CARS
- FRENCH CARS
- SWEDISH CARS
- KOREAN CARS
TYPE
- mobility
- VENDING
- instruction
- TAXIS
- AMBULANCES
- FIRE ENGINES
- HEARSES
- LIMOUSINES
- COMMERCIAL
CLASS
FUEL
TRUCKS
minitrucks
- DAIHATSU
- HONDA
- MAZDA
- MITSUBISHI
- NISSAN
- SUBARU
- SUZUKI
- DUMP
- CRANE
- CAMPER
- REFRIGERATED
- 4WD
- NEW
BUSES
MOTORHOMES
- YAHOO!
- RAKUTEN
- DEALER

PARTS
- FREE REPORT
- PARTS CONTAINERS
- PARTS SYSTEMS
- PARTS PROTECTION
- BODY SHELLS
- DISMANTLING
- ONLINE PARTS
- NEW PARTS
- INTERIOR PARTS
- EXTERIOR PARTS
  - BONNETS
  - BUMPERS
  - GRILLES
  - FENDERS
  - DOORS
  - TRUNKS
  - SPOILERS
  - LIGHTS
  - EMBLEMS
  - CAMERAS
- ENGINES
- TRANSMISSIONS
- WHEELS & TYRES
  - WHEELS
  - TYRES
CUTS
PERFORMANCE PARTS
TRUCK PARTS
MOTORBIKE PARTS
- MOTORBIKE ENGINES
- MOTORBIKE ACCESSORIES

MOTORBIKES
MARINE
FORKLIFTS
MACHINERY
AGRICULTURAL
OTHER
COUNTRY
- AUSTRALIA
- CANADA
- KENYA
- MYANMAR
- NEW ZEALAND
- PAKISTAN
- TANZANIA
- UNITED STATES

CARVIEW

MOTORHOMES

Select Language

HTTP/2 301 server: nginx date: Sat, 16 Aug 2025 17:04:52 GMT content-type: text/html content-length: 162 location: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_round_display strict-transport-security: max-age=60; includeSubDomains via: 1.1 google alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000 HTTP/2 200 x-guploader-uploadid: ABgVH899Lx-rk4MGYw6Sh0O7MO36QTx8twKTQZLHHcIDtRlHYiT7W-17HLT35MfMM_rlU5W6 x-goog-generation: 1755218772573116 x-goog-metageneration: 1 x-goog-stored-content-encoding: identity x-goog-stored-content-length: 275990 x-goog-meta-goog-reserved-file-mtime: 1755217534 x-goog-hash: crc32c=CrAM+g==, md5=1gmPfun9vUgEERix6fMWTw== x-goog-storage-class: STANDARD accept-ranges: none expires: Sat, 16 Aug 2025 18:04:53 GMT cache-control: public, max-age=3600 last-modified: Fri, 15 Aug 2025 00:46:12 GMT etag: W/"d6098f7ee9fdbd48041118b1e9f3164f" content-type: text/html age: 0 alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000 alt-svc: clear x-content-type-options: nosniff strict-transport-security: max-age=63072000 content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-EehWlTYp7Bqy57gDeQttaWKp0ukTTEUKGP44h8GVeik=' 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-EehWlTYp7Bqy57gDeQttaWKp0ukTTEUKGP44h8GVeik=' 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self'; x-frame-options: DENY origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0= x-cloud-trace-context: 82d6bdb84f70e08ca4151c7d11548fed date: Sat, 16 Aug 2025 17:04:53 GMT server: Google Frontend via: 1.1 google vary: Accept-Encoding content-encoding: gzip x-cache: miss CSS round display - CSS | MDN

Skip to main content
Skip to search
Skip to select language

References
Learn
Plus
Curriculum ^New
Blog

Search MDN

Web
CSS
CSS round display

- Remember language
- English (US)
- Deutsch

Filter sidebar

CSS
Beginner's tutorials
Your first website: Styling the content
CSS styling basics
CSS text styling
CSS layout
CSS reference
Modules
Properties
1. -moz-*
  1. -moz-float-edge Non-standard Deprecated
  2. -moz-force-broken-image-icon Non-standard Deprecated
  3. -moz-orient Non-standard
  4. -moz-user-focus Non-standard Deprecated
  5. -moz-user-input Non-standard Deprecated
2. -webkit-*
  1. -webkit-border-before Non-standard
  2. -webkit-box-reflect Non-standard
  3. -webkit-mask-box-image Non-standard
  4. -webkit-mask-composite Non-standard
  5. -webkit-mask-position-x Non-standard
  6. -webkit-mask-position-y Non-standard
  7. -webkit-mask-repeat-x Non-standard
  8. -webkit-mask-repeat-y Non-standard
  9. -webkit-tap-highlight-color Non-standard
  10. -webkit-text-fill-color
  11. -webkit-text-security Non-standard
  12. -webkit-text-stroke
  13. -webkit-text-stroke-color
  14. -webkit-text-stroke-width
  15. -webkit-touch-callout Non-standard
3. Custom properties (--*): CSS variables
4. accent-color
5. align-*
6. alignment-baseline
7. all
8. anchor-name
9. animation-*
10. appearance
11. aspect-ratio
12. backdrop-filter
13. backface-visibility
14. background-*
15. block-size
16. border-*
17. bottom
18. box-*
  1. box-align Non-standard Deprecated
  2. box-decoration-break
  3. box-direction Non-standard Deprecated
  4. box-flex Non-standard Deprecated
  5. box-flex-group Non-standard Deprecated
  6. box-lines Non-standard Deprecated
  7. box-ordinal-group Non-standard Deprecated
  8. box-orient Non-standard Deprecated
  9. box-pack Non-standard Deprecated
  10. box-shadow
  11. box-sizing
19. break-*
20. caption-side
21. caret-color
22. clear
23. clip-*
  1. clip Deprecated
  2. clip-path
  3. clip-rule
24. color-*
25. column-*
26. columns
27. contain-*
28. container-*
29. content
30. content-visibility
31. counter-*
32. cursor
33. cx
34. cy
35. d
36. direction
37. display
38. dominant-baseline
39. empty-cells
40. field-sizing Experimental
41. fill-*
42. filter
43. flex-*
44. float
45. flood-color
46. flood-opacity
47. font-*
48. forced-color-adjust
49. gap
50. grid-*
51. hanging-punctuation
52. height
53. hyphenate-character
54. hyphenate-limit-chars
55. hyphens
56. image-*
  1. image-orientation
  2. image-rendering
  3. image-resolution Experimental
57. initial-letter
58. inline-size
59. inset-*
60. interpolate-size Experimental
61. isolation
62. justify-*
63. left
64. letter-spacing
65. lighting-color
66. line-*
  1. line-break
  2. line-clamp
  3. line-height
  4. line-height-step Experimental
67. list-*
68. margin-*
69. marker-*
70. mask-*
71. math-*
  1. math-depth
  2. math-shift Experimental
  3. math-style
72. max-*
73. min-*
74. mix-blend-mode
75. object-fit
76. object-position
77. offset-*
78. opacity
79. order
80. orphans
81. outline-*
82. overflow-*
83. overlay Experimental
84. overscroll-*
85. padding-*
86. page-*
  1. page
  2. page-break-after Deprecated
  3. page-break-before Deprecated
  4. page-break-inside Deprecated
87. paint-order
88. perspective
89. perspective-origin
90. place-*
91. pointer-events
92. position-*
  1. position
  2. position-anchor
  3. position-area
  4. position-try
  5. position-try-fallbacks
  6. position-try-order
  7. position-visibility Experimental
93. print-color-adjust
94. quotes
95. r
96. reading-flow Experimental
97. reading-order Experimental
98. resize
99. right
100. rotate
101. row-gap
102. ruby-*
103. rx
104. ry
105. scale
106. scroll-*
107. scrollbar-*
108. shape-*
109. speak-as Experimental
110. stop-color
111. stop-opacity
112. stroke-*
113. tab-size
114. table-layout
115. text-*
116. timeline-scope
117. top
118. touch-action
119. transform-*
120. transition-*
121. translate
122. unicode-bidi
123. user-modify Non-standard Deprecated
124. user-select
125. vector-effect
126. vertical-align
127. view-*
128. visibility
129. white-space
130. white-space-collapse
131. widows
132. width
133. will-change
134. word-break
135. word-spacing
136. writing-mode
137. x
138. y
139. z-index
140. zoom
Selectors
Combinators
Pseudo-classes
1. :-moz-*
  1. :-moz-broken Non-standard Deprecated
  2. :-moz-drag-over Non-standard
  3. :-moz-first-node Experimental Non-standard
  4. :-moz-handler-blocked Non-standard
  5. :-moz-handler-crashed Non-standard
  6. :-moz-handler-disabled Non-standard
  7. :-moz-last-node Experimental Non-standard
  8. :-moz-loading Non-standard
  9. :-moz-locale-dir(ltr) Non-standard
  10. :-moz-locale-dir(rtl) Non-standard
  11. :-moz-only-whitespace Non-standard
  12. :-moz-submit-invalid Non-standard
  13. :-moz-suppressed Non-standard
  14. :-moz-user-disabled Non-standard
  15. :-moz-window-inactive Non-standard
2. :active
3. :active-view-transition
4. :any-link
5. :autofill
6. :blank Experimental
7. :buffering
8. :checked
9. :current Experimental
10. :default
11. :defined
12. :dir()
13. :disabled
14. :empty
15. :enabled
16. :first-*
17. :focus-*
18. :fullscreen
19. :future
20. :has-slotted
21. :has()
22. :host
23. :host-context()
24. :host()
25. :hover
26. :in-range
27. :indeterminate
28. :invalid
29. :is()
30. :lang()
31. :last-child
32. :last-of-type
33. :left
34. :link
35. :local-link Experimental
36. :modal
37. :muted
38. :not()
39. :nth-*
40. :only-child
41. :only-of-type
42. :open
43. :optional
44. :out-of-range
45. :past
46. :paused
47. :picture-in-picture
48. :placeholder-shown
49. :playing
50. :popover-open
51. :read-only
52. :read-write
53. :required
54. :right
55. :root
56. :scope
57. :seeking
58. :stalled
59. :state()
60. :target-*
  1. :target
  2. :target-current Experimental
  3. :target-within Experimental
61. :user-invalid
62. :user-valid
63. :valid
64. :visited
65. :volume-locked
66. :where()
Pseudo-elements
1. ::-moz-*
  1. ::-moz-color-swatch Non-standard
  2. ::-moz-focus-inner Non-standard Deprecated
  3. ::-moz-list-bullet Experimental Non-standard
  4. ::-moz-list-number Experimental Non-standard
  5. ::-moz-meter-bar Non-standard
  6. ::-moz-progress-bar Experimental Non-standard
  7. ::-moz-range-progress Non-standard
  8. ::-moz-range-thumb Non-standard
  9. ::-moz-range-track Non-standard
2. ::-webkit-*
  1. ::-webkit-inner-spin-button Non-standard
  2. ::-webkit-meter-bar Non-standard Deprecated
  3. ::-webkit-meter-even-less-good-value Non-standard
  4. ::-webkit-meter-inner-element Non-standard
  5. ::-webkit-meter-optimum-value Non-standard
  6. ::-webkit-meter-suboptimum-value Non-standard
  7. ::-webkit-progress-bar Non-standard
  8. ::-webkit-progress-inner-element Non-standard
  9. ::-webkit-progress-value Non-standard
  10. ::-webkit-scrollbar Non-standard
  11. ::-webkit-search-cancel-button Non-standard
  12. ::-webkit-search-results-button Non-standard
  13. ::-webkit-slider-runnable-track Non-standard
  14. ::-webkit-slider-thumb Non-standard
3. ::after
4. ::backdrop
5. ::before
6. ::checkmark Experimental
7. ::column Experimental
8. ::cue
9. ::details-content
10. ::file-selector-button
11. ::first-letter
12. ::first-line
13. ::grammar-error
14. ::highlight()
15. ::marker
16. ::part()
17. ::picker-icon Experimental
18. ::picker() Experimental
19. ::placeholder
20. ::scroll-*
  1. ::scroll-button() Experimental
  2. ::scroll-marker Experimental
  3. ::scroll-marker-group Experimental
21. ::selection
22. ::slotted()
23. ::spelling-error
24. ::target-text
25. ::view-*
At-rules
1. @charset
2. @color-profile
3. @container
4. @counter-style
5. @document Non-standard Deprecated
6. @font-face
7. @font-feature-values
8. @font-palette-values
9. @import
10. @keyframes
11. @layer
12. @media
13. @namespace
14. @page
15. @position-try Experimental
16. @property
17. @scope
18. @starting-style
19. @supports
20. @view-transition
Functions
1. -moz-image-rect Non-standard Deprecated
2. abs()
3. acos()
4. anchor-size()
5. anchor()
6. asin()
7. atan()
8. atan2()
9. attr()
10. blur()
11. brightness()
12. calc-size() Experimental
13. calc()
14. circle()
15. clamp()
16. color-mix()
17. color()
18. conic-gradient()
19. contrast-color() Experimental
20. contrast()
21. cos()
22. counter()
23. counters()
24. cross-fade()
25. cubic-bezier()
26. device-cmyk()
27. drop-shadow()
28. element() Experimental
29. ellipse()
30. env()
31. exp()
32. fit-content()
33. grayscale()
34. hsl()
35. hue-rotate()
36. hwb()
37. hypot()
38. if() Experimental
39. image-set()
40. image()
41. inset()
42. invert()
43. lab()
44. layer()
45. lch()
46. light-dark()
47. linear-gradient()
48. linear()
49. log()
50. matrix()
51. matrix3d()
52. max()
53. min()
54. minmax()
55. mod()
56. oklab()
57. oklch()
58. opacity()
59. paint()
60. palette-mix() Experimental
61. path()
62. perspective()
63. polygon()
64. pow()
65. radial-gradient()
66. ray()
67. rect()
68. rem()
69. repeat()
70. repeating-conic-gradient()
71. repeating-linear-gradient()
72. repeating-radial-gradient()
73. rgb()
74. rotate()
75. rotate3d()
76. rotateX()
77. rotateY()
78. rotateZ()
79. round()
80. saturate()
81. scale()
82. scale3d()
83. scaleX()
84. scaleY()
85. scaleZ()
86. scroll()
87. sepia()
88. shape()
89. sibling-count() Experimental
90. sibling-index() Experimental
91. sign()
92. sin()
93. skew()
94. skewX()
95. skewY()
96. sqrt()
97. steps()
98. symbols()
99. tan()
100. translate()
101. translate3d()
102. translateX()
103. translateY()
104. translateZ()
105. url()
106. var()
107. view()
108. xywh()
Types
Guides
Anchor positioning
1. Using anchor positioning
2. Handling overflow
Animations
1. Animatable properties
2. Using animations
Backgrounds and borders
Box alignment
Box model
1. Introduction
2. Mastering margin collapsing
Cascade
Custom properties
1. Using custom properties
Colors
Columns
Conditional rules
1. Using feature queries
2. Using container scroll-state queries
Containment
CSSOM view
1. Coordinate systems
2. Viewport concepts
Display
Filter effects
1. Using filter effects
Flexbox
Fonts
Grid
Images
Lists and counters
1. Using counters
2. Indenting lists
Logical properties
Media queries
Nesting style rules
Overflow
1. Creating carousels
Positioning
Scroll anchoring
1. Overview
Scroll snap
1. Basic concepts
2. Using scroll snap events
Selectors
Shapes
Syntax
Text
1. Wrapping and breaking text
2. Handling whitespace
Text decoration
1. Text shadows
Transforms
1. Using transforms
Transitions
1. Using transitions
Values and units
Layout cookbook
Tools

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.

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.

Related concepts

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

Specifications

Specification
CSS Round Display Level 1

Help improve MDN

Was this page helpful to you?

Learn how to contribute.

This page was last modified on Aug 14, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content

Your blueprint for a better internet.

MDN on Bluesky
MDN on Mastodon
MDN on X (formerly Twitter)
MDN on GitHub
MDN Blog RSS Feed

MDN

About
Blog
Careers
Advertise with us

Support

Product help
Report an issue

Our communities

MDN Community
MDN Forum
MDN Chat

Developers

Web Technologies
Learn Web Development
MDN Plus
Hacks Blog

Website Privacy Notice
Cookies
Legal
Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.

HOME
ABOUT
AUCTIONS
SHIPPING
FEES
TOOLS
HOW
FAQ
CONTACT

Original Source | Taken Source

CSS round display

Reference

Properties

Descriptors

Guides

Related concepts

Specifications

See also