{"columns":["Unit","Kind","Relative to","Typical use"],"rows":[["px","Absolute","1/96 of an inch; one CSS pixel","Borders, shadows, fine detail"],["pt","Absolute","1/72 of an inch","Print stylesheets"],["cm","Absolute","Centimetre, 96px / 2.54","Print"],["mm","Absolute","Millimetre","Print"],["in","Absolute","Inch, 96px","Print"],["pc","Absolute","Pica, 12pt","Print"],["Q","Absolute","Quarter-millimetre","Print"],["em","Font-relative","The element's own font size (the parent's, when used for font-size)","Padding and margins that scale with text"],["rem","Font-relative","The root element's font size, usually 16px","Font sizes and spacing"],["ex","Font-relative","The x-height of the current font","Fine typographic alignment"],["ch","Font-relative","Width of the 0 glyph in the current font","Line length, e.g. max-width: 65ch"],["cap","Font-relative","Cap height of the current font","Aligning icons with capitals"],["lh","Font-relative","The element's computed line height","Vertical rhythm"],["rlh","Font-relative","The root element's line height","Vertical rhythm"],["%","Relative","The parent's matching property (width, font size and so on)","Fluid widths"],["vw","Viewport","1% of the viewport width","Fluid type and full-width sections"],["vh","Viewport","1% of the viewport height","Full-height sections on desktop"],["vmin","Viewport","1% of the smaller viewport side","Square elements that always fit"],["vmax","Viewport","1% of the larger viewport side","Backgrounds"],["svh","Viewport","1% of the small viewport height, with mobile toolbars shown","Full-height layouts on phones"],["lvh","Viewport","1% of the large viewport height, with toolbars hidden","Backgrounds on phones"],["dvh","Viewport","1% of the dynamic viewport height, changing as toolbars move","Full-height layouts that track the toolbar"],["cqw","Container","1% of the query container's width","Components inside @container"],["cqh","Container","1% of the query container's height","Components inside @container"],["cqi","Container","1% of the container's inline size","Container-relative type"],["cqb","Container","1% of the container's block size","Container-relative spacing"],["fr","Grid","A fraction of the free space in a grid track","grid-template-columns: 1fr 2fr"],["deg","Angle","Degrees, 360 per turn","Rotations and gradients"],["turn","Angle","Full turns","rotate(0.25turn)"],["rad","Angle","Radians","Maths-driven transforms"],["s","Time","Seconds","Transitions and animations"],["ms","Time","Milliseconds","Transitions and animations"],["dppx","Resolution","Dots per CSS pixel","Media queries for high-density screens"]]}