Widely availableSupported across all major browsers. Safe to use in production.

Overview

The Q CSS length unit is an absolute length anchored to the physical measurement of quarter-millimeters. 1Q is equivalent to 1/40 of 1 centimeter.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.types.length.Q
63
79
49
13.1
63
13.4
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS
body {
  font-size: 56Q; /* Equivalent to 14px */
  letter-spacing: 1Q;
}

Live demo

56Q(≈14px)

CSS 56Q(≈14px) demo.

PreviewFullscreen

64Q(≈16px)

CSS 64Q(≈16px) demo.

PreviewFullscreen

characterbetween 1Q

CSS characterbetween 1Q demo.

PreviewFullscreen

Use cases

  • Using Q unit

    The Q CSS length unit is an absolute length anchored to the physical measurement of quarter-millimeters. 1Q is equivalent to 1/40 of 1 centimeter.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Make sure visual changes are conveyed appropriately to assistive technology.

Powered by web-features