CSS Feature Support Checker

Sizing & Intrinsics

Sizing primitives, intrinsic sizing behavior, and replaced element fitting.

• ⏳ aspect-ratio

  Define width-to-height ratio for elements.

  aspect-ratio: 16 / 9MDN
• ⏳ object-fit

  Control how replaced elements resize within containers.

  object-fit: coverMDN
• ⏳ object-position

  Position replaced content within element box.

  object-position: center topMDN
• ⏳ object-view-box

  Define viewport region for replaced elements.

  object-view-box: inset(0)MDN
• ⏳ clamp()

  Clamp values between minimum and maximum.

  width: clamp(10px, 50%, 100px)MDN
• ⏳ fit-content()

  Clamp a size to the available space while respecting intrinsic sizing.

  width: fit-content(200px)MDN
• ⏳ min-content / max-content

  Use intrinsic sizing keywords for shrink-to-fit and content-based sizing.

  width: min-contentMDN
• ⏳ block-size / inline-size

  Logical sizing properties for flow-relative dimensions.

  block-size: 100pxMDN
• ⏳ max-block-size / min-block-size

  Logical constraints for block dimensions.

  max-block-size: 500pxMDN
• ⏳ max-inline-size / min-inline-size

  Logical constraints for inline dimensions.

  max-inline-size: 80chMDN
• ⏳ field-sizing

  Control form field intrinsic sizing behavior.

  field-sizing: contentMDN