CSS Feature Support Checker

Miscellaneous

Additional modern CSS features including math functions, media queries, and utility properties.

• ⏳ content-visibility

  Defer rendering of off-screen content for performance.

  content-visibility: autoMDN
• ⏳ contain-intrinsic-size

  Set placeholder size for content-visibility elements.

  contain-intrinsic-size: 500pxMDN
• ⏳ zoom

  Scale element and its contents.

  zoom: 1.5MDN
• ⏳ resize

  Enable user resizing of elements with logical values.

  resize: blockMDN
• ⏳ text-decoration-thickness

  Control thickness of text decorations.

  text-decoration-thickness: 2pxMDN
• ⏳ text-underline-offset

  Control distance of underline from text.

  text-underline-offset: 3pxMDN
• ⏳ round()

  Round numeric values using different strategies.

  width: round(nearest, 15.6px, 1px)MDN
• ⏳ mod()

  Calculate modulo of two numbers.

  width: mod(18px, 5px)MDN
• ⏳ rem()

  Calculate remainder of division.

  width: rem(18px, 5px)MDN
• ⏳ hypot()

  Calculate hypotenuse using Pythagorean theorem.

  width: hypot(3px, 4px)MDN
• ⏳ sin(), cos(), tan()

  Trigonometric functions for advanced calculations.

  width: calc(100px * sin(45deg))MDN
• ⏳ abs(), sign()

  Absolute value and sign mathematical functions.

  width: abs(-10px)MDN
• ⏳ pointer: coarse

  Detect coarse pointers such as touch input.

  @media (pointer: coarse)MDN
• ⏳ hover: none

  Detect environments where hover interactions are not available.

  @media (hover: none)MDN
• ⏳ prefers-reduced-motion

  Detect user preference for reduced motion.

  @media (prefers-reduced-motion: reduce)MDN
• ⏳ prefers-color-scheme

  Detect user's color scheme preference (light/dark).

  @media (prefers-color-scheme: dark)MDN
• ⏳ prefers-contrast

  Detect user preference for contrast levels.

  @media (prefers-contrast: more)MDN
• ⏳ prefers-reduced-transparency

  Detect user preference for reduced transparency.

  @media (prefers-reduced-transparency: reduce)MDN