CSS Media queries media types and features cheatsheet

Posted on

Media types

Reference page for media types

  • all
  • print
  • screen

Media features

Standard media features

Reference page for standard media features (worth while clicking because some are new or deprecated…)

  • any-hover
  • any-pointer
  • aspect-ratio
  • color
  • color-gamut
  • color-index
  • device-aspect-ratio
  • device-height
  • device-width
  • display-mode
  • forced-colors
  • grid
  • height
  • hover
  • inverted-colors
  • monochrome
  • orientation
  • overflow-block
  • overflow-inline
  • pointer
  • prefers-color-scheme
  • prefers-contrast
  • prefers-reduced-motion
  • resolution
  • scripting
  • update
  • width

Microsoft Media features:

Reference page for Microsoft media features

  • -ms-high-contrast

Mozilla Media features:

Reference page for Mozilla media features

  • -moz-device-pixel-ratio
  • -moz-os-version
  • -moz-touch-enabled
  • -moz-windows-glass

Webkit Media features:

Reference page for Webkit media features

  • -webkit-animation
  • -webkit-device-pixel-ratio
  • -webkit-transform-2d
  • -webkit-transform-3d
  • -webkit-transition

Other resources