units-values — 100.00% verified visual parity

A box with definite height and width:auto derives its width from aspect-ratio; catches only implementing width-to-height derivation.

WPT-derived visual lanes cover mixed percentage arithmetic, scalar multiplication on both sides, division, grouping, nested calc(), unary signs and operator precedence; result edges must hit conspicuous markers.

calc(50% / 1) x calc(100% / 2) against a 480x240px parent resolves to 240x120px; verifies division of a dimension by a unitless number (css-values-4 §10.9).

WPT-derived invalid matrix proves unmatched compound dimensions, mixed number/length sums, angle/length sums, malformed expressions, incompatible comparisons and wrong function arity are discarded without overriding a loud 120px fallback.

WPT-derived unit matrix combines calc() with em, rem, in, cm, mm, viewport, vmin, inherited lh, distinct root rlh and percentage terms, using a common 120px visual target where applicable.

With border-box sizing, calc(50% - 40px) and calc(100% - 60px) resolve against the parent’s 396x156px content box, producing a 158x96px child.

calc(2 * (10% + 20px)) x calc(2 * (10% + 10px)) against a 400x200px parent resolves to 120x60px; verifies parenthesised sub-expressions in calc() (css-values-4 §10.9). The percentage defeats lightningcss folding so the grouping is honoured end-to-end.

calc(50% + 10px * 2) x calc(50% + 5px * 4) against a 400x200px parent resolves to 220x120px; verifies * binds tighter than + (css-values-4 §10.9) through ironpress's own evaluator (percentage defeats lightningcss folding).

WPT-derived loud lanes require compound length, percentage, angle, time, frequency, resolution, flex and font-relative dimensions to cancel to a 120px used width; old number-only multiplication rules leave an unmistakable 8px fallback. The authenticated standards-derived source materializes the specified flex cancellation because Chromium's print path still drops that valid lane.

Custom-property tokens inside calc() resolve at computed-value time before typed length math sets an absolute box's width, height, and left inset.

Box dimensions and colors driven entirely by :root custom properties via var() (240x120px blue box); verifies var() resolution for lengths and colors.

var() with undefined custom properties falls back to literal length/color fallbacks (240x120px green box); verifies the var() fallback argument path.

var(--w, var(--w2, 240px)) and nested var() fallbacks for height/colors with all custom properties undefined resolve to a 240x120px blue box; verifies nested var() fallback (css-values-4 var() fallback).

The cap unit resolves from font cap height and is visibly shorter than a 10em reference; catches treating cap as em or unsupported.

width:20ch in ParityMono uses the zero glyph advance and is wider than a 10em reference; catches hard-coded 0.5em ch fallback.

The ex unit uses the font x-height in layout lengths; catches treating ex as em, unsupported, or a hard-coded unrelated ratio.

The lh unit resolves against the element's computed line-height, so width:4lh with line-height:30px is 120px; catches unsupported lh units.

min-content and max-content text widths plus a 40vmin aspect-ratio box lock intrinsic sizing and viewport-unit resolution; catches auto intrinsic widths, default viewport units, or dropped aspect-ratio.

Parent font-size:20px; .box font-size:2em resolves against the PARENT (=40px), then 6em x 3em = 240x120px and a 0.1em border; verifies the em-on-font-* rule (css-values-4 §6.1.1).

Box sized in centimetres (5cm x 3cm ~= 189x113px) verifying absolute metric cm unit resolution.

Box with font-size:20px sized 12em x 6em (=240x120px) and 0.2em border; verifies em resolves against element font-size.

Box sized in inches (2.5in x 1.25in = 240x120px) verifying absolute inch unit resolution (1in=96px).

Box sized in millimetres (63.5mm x 31.75mm = 240x120px) verifying the absolute metric mm unit (css-values-4 §6.2, 1mm=cm/10).

Box sized in picas (15pc x 7.5pc = 240x120px) with a 0.25pc border; verifies the absolute pica unit (css-values-4 §6.2, 1pc=16px).

Box sized in pt (180pt x 90pt = 240x120px) with a 3pt solid border; verifies pt->px length resolution.

Box sized in quarter-millimetres (254Q x 127Q = 240x120px) verifying the absolute Q unit (css-values-4 §6.2, 1Q=cm/40).

Box sized 15rem x 7.5rem against root font-size:16px (=240x120px) inside a 40px-font ancestor; rem ignores local font-size.

clamp(120px,50%,240px) x clamp(80px,50%,200px) against a 600x160px parent resolves to a 240x80px child; verifies clamp() (css-values-4 §10.2).

clamp(200px, 10%, 240px) x clamp(100px, 10%, 200px) against a 400x200px parent resolves to 200x100px (MIN bound wins); verifies clamp() lower-bound clamping (css-values-4 §10.2).

WPT-derived loud lanes exercise min(), max(), clamp(), nested comparison functions and calc/comparison composition with unresolved percentages.

WPT-derived matrix covers every rounding strategy, positive and negative mod/rem semantics, abs(), sign() and hypot() with large result-edge markers.

WPT-derived matrix covers trig, inverse trig nesting, pow(), sqrt(), log(), exp() and numeric constants; each expression produces the same unmistakable 120px boundary.

width:max(150px,240px) and height:min(120px,300px) resolve to 240x120px; verifies standalone min()/max() value functions (css-values-4 §10.2).

mod(50px,30px) contributes 20px inside calc(), making a 120px bar; catches dropping CSS Values math mod().

round(down,137px,20px) snaps a length to the 120px step; catches parsers that drop CSS Values math round().

sin(30deg) resolves to 0.5 in calc(), making a 120px bar; catches dropping CSS Values trigonometric math functions.

Box sized 2.4e2px x 1.2e2px = 240x120px; verifies scientific-notation numbers in lengths (css-values-4 §5.2).

margin-left:25% and margin-top:25% (both 25% of the 400px parent width = 100px) offset a 200x60px child; verifies margin percentages resolve against containing-block WIDTH (css-values-4 §5.5).

padding:25% on a 200px-wide content-box child of a 400px parent paints a 400x200px box; verifies padding percentages resolve against containing-block WIDTH on both axes (css-values-4 §5.5).

Child width:75% / height:50% of a 400x200px parent resolves to 300x100px; verifies percentage length resolution against the containing block.

Small viewport units resolve in static print layout, making a 50svw by 25svh box on a fixed page; catches parsers limited to vw/vh.

Aspirational: 40vmin/10vmin and 30vmax/8vmax boxes against the page viewport; ironpress resolves only vw/vh, so vmin/vmax are unsupported (css-values-4 §6.1.2.2).

Aspirational: box sized 30vw x 20vh resolves against the printable page (viewport) box; ironpress vw/vh resolution is only partial.