parity · block-box-model

border-width — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-border-width-thick · per-side

Box with asymmetric per-side solid border widths (6/14/22/30px) verifying each edge thickness independently.

box-sizing — 100.00% verified visual parity PASS 4 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-box-sizing-border-box · border-box

box-sizing:border-box keeps the total rendered width at 200px despite 24px padding and 8px border.

PASS exact match block-box-sizing-border-box-auto-width · border-box-auto-width

box-sizing:border-box with width:auto fills the CB; padding+border drawn inside the 300px box (css-sizing-3).

PASS exact match block-box-sizing-content-box · content-box

box-sizing:content-box expands rendered width to 264px (200 + padding + border) for the same declared width.

PASS exact match block-box-sizing-padding-exceeds · padding-exceeds-width

border-box where padding exceeds declared width: content floors to 0, border box grows to padding sum (css-sizing-3 5.1).

display — 100.00% verified visual parity PASS 8 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.05% · raw 0.05% (125 px) block-display-inline-grid · inline-grid-multi-keywordPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 44.8

why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline

display:inline grid creates inline-level grid containers whose children lay out in columns; catches parsers that support only block-level grid or old single-keyword syntax.

regions (1 total; showing 1 representative)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	1	125	155,0 → 155,40	125	total 0.2% · largest 0.2%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
AntialiasCoverage	155,0 → 155,40	0.2	ΔRGB(-177,61,152)	antialiasing coverage residue on a shared outline

source · cases/block-box-model/block-display-inline-grid.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<style>
6  @page { size: 224px 104px; margin: 0; }
7  html { font-family: ParitySans; line-height: 1.5; }
8  * { margin: 0; box-sizing: border-box; }
9  html, body { background: #ffffff; }
10  .unit {
11    display: inline grid;
12    grid-template-columns: 35px 35px;
13    width: 74px;
14    height: 40px;
15    margin-right: 6px;
16    background: #c62828;
17  }
18  .unit span {
19    display: block;
20    height: 40px;
21    background: #0a7f2e;
22  }
23  .unit span + span { background: #1565c0; }
24</style>
25</head>
26<body>
27  <div class="unit"><span></span><span></span></div>
28  <div class="unit"><span></span><span></span></div>
29</body>
30</html>

PASS exact match block-display-block-stacking · block

Inline spans forced to display:block stack vertically full-width, each on its own line.

PASS exact match block-display-contents · contents-box-suppression

display:contents suppresses the wrapper box, paint, and padding while keeping children in flow; catches treating contents as block.

PASS exact match block-display-inline-block-row · inline-block

Three display:inline-block chips laid out in a row (whitespace collapsed via font-size:0) verifying inline flow of block boxes.

PASS exact match block-display-list-item · list-item-marker

display:list-item on a div generates an inside marker box; catches treating list-item as a plain block with no marker.

PASS exact match block-flow-root-float-containment · flow-root-float-containment

display:flow-root establishes a BFC whose height contains a floated child before the following block; catches normal-block zero-height float collapse.

PASS exact match block-inline-block-baseline · inline-block-baseline

inline-block chips align to the text baseline; vertical-align:top lifts one to the line top (CSS2 10.8).

PASS exact match block-inline-block-wrap · inline-block-wrap

inline-block chips wrap to the next line when the row overflows the container width (css-display-3).

fragmentation — 100.00% verified visual parity PASS 10 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.28% · raw 3.65% (27339 px) box-decoration-break-slice-border-image-shadow · slice-border-image-background-shadow-continuation · 2 pagesPASS via CSS-scale observation: sub-CSS shared-outline coverageColorValueextra 0.006277%ΔE 0.3

page 1

page 2

why: visually accepted coverage phase; raw fill colour differs (ΔE 0.3)

A two-page slice fragment combines a vertical background gradient, vertical border-image gradient, rounded real corners, and an offset hard shadow. All three decorations use one reassembled reference box: gradients continue rather than restart, cut edges remain undecorated, and the shadow is absent at the page break while remaining visible at the real outer edges.

regions (141 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
Extra	1	37	0,0 → 0,12	37	total 0.006253% · largest 0.006253%
ColorErr	140	27302	0,0 → 252,240	8940	total 4.6% · largest 1.5% · max ΔE 0.5

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
ColorValue	0,24 → 240,240	1.5	ΔE 0.2 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.2)
ColorValue	0,14 → 240,17	0.3	ΔE 0.2	fill colour differs (ΔE 0.2)
ColorValue	0,22 → 240,23	0.2	ΔE 0.3 ΔRGB(1,0,0)	fill recolour ΔRGB(+1,+0,+0) (ΔE 0.3)
ColorValue	0,12 → 240,13	0.2	ΔE 0.4 ΔRGB(-38,-236,-127)	fill recolour ΔRGB(-38,-236,-127) (ΔE 0.4)
ColorValue	0,18 → 240,19	0.2	ΔE 0.3 ΔRGB(1,0,0)	fill recolour ΔRGB(+1,+0,+0) (ΔE 0.3)
AntialiasCoverage	0,20 → 240,20	0.2	ΔE 0.2 ΔRGB(0,0,-1)	antialiasing coverage residue on a shared outline
ColorValue	12,240 → 228,240	0.1	ΔRGB(-71,-102,-83)	fill recolour ΔRGB(-71,-102,-83) (ΔE 0)
AntialiasCoverage	12,217 → 228,217	0.1	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,217 → 228,217	0.1	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,224 → 228,224	0.1	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,231 → 228,231	0.1	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,233 → 228,233	0.1	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
ColorValue	228,39 → 240,42	0.06	ΔE 0.2 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.2)
ColorValue	216,29 → 240,31	0.04	ΔE 0.2	fill colour differs (ΔE 0.2)
ColorValue	216,25 → 240,26	0.04	ΔE 0.3 ΔRGB(-1,0,1)	fill recolour ΔRGB(-1,+0,+1) (ΔE 0.3)
ColorValue	216,33 → 240,34	0.04	ΔE 0.2 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.2)
ColorValue	216,47 → 240,48	0.04	ΔE 0.2 ΔRGB(-1,0,0)	fill recolour ΔRGB(-1,+0,+0) (ΔE 0.2)
ColorValue	228,68 → 240,69	0.03	ΔE 0.2	fill colour differs (ΔE 0.2)
ColorValue	216,37 → 240,38	0.03	ΔE 0.3 ΔRGB(-1,0,1)	fill recolour ΔRGB(-1,+0,+1) (ΔE 0.3)
ColorValue	216,62 → 240,63	0.03	ΔE 0.2	fill colour differs (ΔE 0.2)
ColorValue	228,35 → 240,36	0.03	ΔE 0.4 ΔRGB(-1,0,1)	fill recolour ΔRGB(-1,+0,+1) (ΔE 0.4)
ColorValue	228,43 → 240,44	0.03	ΔE 0.3 ΔRGB(-1,0,1)	fill recolour ΔRGB(-1,+0,+1) (ΔE 0.3)
ColorValue	228,50 → 240,51	0.03	ΔE 0.3 ΔRGB(-1,0,1)	fill recolour ΔRGB(-1,+0,+1) (ΔE 0.3)
ColorValue	228,54 → 240,55	0.03	ΔE 0.3 ΔRGB(0,0,1)	fill recolour ΔRGB(+0,+0,+1) (ΔE 0.3)
ColorValue	228,58 → 240,59	0.03	ΔE 0.3 ΔRGB(0,0,1)	fill recolour ΔRGB(+0,+0,+1) (ΔE 0.3)
AntialiasCoverage	216,45 → 240,45	0.03	ΔE 0.4 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,24 → 240,24	0.02	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,28 → 240,28	0.02	ΔE 0.4 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,31 → 240,32	0.02	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,49 → 240,49	0.02	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,70 → 240,70	0.02	ΔE 0.3 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,75 → 240,76	0.02	ΔE 0.3 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	216,52 → 240,53	0.02	ΔE 0.4 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,56 → 240,57	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,60 → 240,60	0.01	ΔE 0.5 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,64 → 240,64	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,66 → 240,66	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,72 → 240,72	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,73 → 240,73	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,74 → 240,74	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,83 → 240,83	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,85 → 240,85	0.01	ΔE 0.5 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,87 → 240,88	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,93 → 240,93	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,95 → 240,95	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,98 → 240,98	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,112 → 240,113	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,118 → 240,118	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,120 → 240,120	0.01	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,208 → 240,208	0.01	ΔE 0.2 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,210 → 240,210	0.01	ΔE 0.2 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,215 → 240,216	0.01	ΔE 0.2 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,230 → 240,230	0.01	ΔE 0.2 ΔRGB(0,0,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,233 → 240,233	0.01	ΔE 0.2 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,235 → 240,235	0.01	ΔE 0.2 ΔRGB(1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	216,89 → 240,89	0.01	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,65 → 240,65	0.006422	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,78 → 240,78	0.006422	ΔE 0.5 ΔRGB(-1,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,80 → 240,80	0.006422	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,80 → 240,80	0.006422	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,82 → 240,82	0.006422	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,84 → 240,84	0.006422	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,90 → 240,90	0.006422	ΔE 0.3 ΔRGB(0,0,1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	228,91 → 240,91	0.006422	ΔE 0.2 ΔRGB(-1,0,0)	antialiasing coverage residue on a shared outline

source · cases/block-box-model/box-decoration-break-slice-border-image-shadow.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>slice border image and shadow continuation</title>
6<style>
7  @page { size: 320px 240px; margin: 0; }
8  html, body { background: #ffffff; }
9  * { box-sizing: border-box; margin: 0; padding: 0; }
10  .box {
11    width: 240px;
12    margin-left: 16px;
13    padding: 12px;
14    background: linear-gradient(to bottom, #fff0a8, #83e8e1);
15    border: 12px solid #ff00ff;
16    border-image: linear-gradient(to bottom, #d90429, #3a0ca3) 1;
17    border-radius: 24px;
18    box-shadow: 12px 10px 0 rgba(16, 24, 40, 0.55);
19    box-decoration-break: slice;
20  }
21  .row { height: 64px; break-inside: avoid; }
22  .a { background: #ff6b6b; }
23  .b { background: #4d96ff; }
24  .c { background: #6bcb77; }
25  .d { background: #ffd93d; }
26</style>
27</head>
28<body>
29  <div class="box">
30    <div class="row a"></div>
31    <div class="row b"></div>
32    <div class="row c"></div>
33    <div class="row d"></div>
34  </div>
35</body>
36</html>

PASS visually equivalent · no rejecting defect · thresholded evidence 0.12% · raw 0.12% (968 px) box-decoration-break-slice-radius · box-decoration-break-slice-radius · 2 pagesPASS via CSS-scale observation: sub-CSS shared-outline coverageExtraextra 0.1%ΔE 2.5

page 1

page 2

why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.1%)

box-decoration-break:slice with border-radius across a page break. Per CSS Fragmentation 3 §5.4 the cut edge of each fragment must be square: only the box's real corners are rounded (top corners on page 1, bottom corners on page 2). Ironpress removes the cut-edge widths and radii before the canonical border-ring partition paints the remaining sides. The clone-radius companion keeps all corners rounded per fragment. The multi-page harness asserts the page count and diffs both pages.

regions (126 total; showing 64 representatives)

Complete component census grouped by dominant raster class; representative details are bounded.

Complete dominant-class aggregates

class	regions	pixels	union bbox (CSS px)	largest px	maximum magnitude
ColorErr	125	297	0,0 → 260,240	15	total 0.05% · largest 0.002460% · max ΔE 2.7
Extra	1	671	260,25 → 260,240	671	total 0.1% · largest 0.1%

Representative region details (worst-first)

class	bbox (CSS px)	area%	magnitude	reason
Extra	260,25 → 260,240	0.1		candidate adds paint absent from reference (0.1%)
AntialiasCoverage	251,7 → 253,9	0.002460	ΔRGB(0,-1,-1)	antialiasing coverage residue on a shared outline
AntialiasCoverage	14,2 → 17,3	0.001804	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	256,14 → 257,16	0.001804	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	2,14 → 3,17	0.001804	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	234,0 → 236,0	0.001312	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	24,0 → 26,0	0.001148	ΔRGB(0,-9,-9)	antialiasing coverage residue on a shared outline
AntialiasCoverage	0,24 → 0,26	0.001148	ΔRGB(0,-9,-9)	antialiasing coverage residue on a shared outline
AntialiasCoverage	249,5 → 250,6	0.000984	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	9,6 → 10,7	0.000984	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	6,9 → 7,10	0.000984	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	260,23 → 260,24	0.000984	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	236,0 → 238,0	0.000820	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	22,0 → 23,0	0.000656	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	20,1 → 21,1	0.000656	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	238,1 → 239,1	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	239,1 → 240,1	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	246,4 → 246,4	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	13,4 → 13,4	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	248,5 → 248,5	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	11,5 → 12,5	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	254,10 → 254,11	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	5,11 → 5,12	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	255,12 → 255,12	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	255,12 → 256,13	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	4,13 → 4,13	0.000656	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	1,20 → 1,21	0.000656	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	259,21 → 259,22	0.000656	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	0,22 → 0,23	0.000656	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	20,1 → 20,1	0.000492	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	19,1 → 19,1	0.000492	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	241,1 → 241,1	0.000492	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	18,2 → 18,2	0.000492	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	242,2 → 243,2	0.000492	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	258,17 → 258,18	0.000492	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	2,18 → 2,18	0.000492	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	1,19 → 1,19	0.000492	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	259,19 → 259,20	0.000492	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	1,20 → 1,20	0.000492	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	259,20 → 259,21	0.000492	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	242,2 → 242,2	0.000328	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	17,2 → 17,2	0.000328	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	243,2 → 244,2	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	244,3 → 244,3	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	244,3 → 245,3	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	245,3 → 245,3	0.000328	ΔRGB(0,-2,-2)	antialiasing coverage residue on a shared outline
AntialiasCoverage	14,4 → 14,4	0.000328	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	247,4 → 247,4	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,4 → 12,4	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	4,12 → 4,12	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	256,13 → 256,14	0.000328	ΔRGB(0,-4,-4)	antialiasing coverage residue on a shared outline
AntialiasCoverage	4,14 → 4,14	0.000328	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	258,17 → 258,17	0.000328	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	2,17 → 2,17	0.000328	ΔRGB(0,-6,-6)	antialiasing coverage residue on a shared outline
AntialiasCoverage	258,18 → 258,19	0.000328	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	247,4 → 247,4	0.000164	ΔRGB(0,-9,-9)	antialiasing coverage residue on a shared outline
AntialiasCoverage	12,5 → 12,5	0.000164	ΔRGB(0,-9,-9)	antialiasing coverage residue on a shared outline
AntialiasCoverage	11,6 → 11,6	0.000164	ΔRGB(0,-10,-10)	antialiasing coverage residue on a shared outline
AntialiasCoverage	250,6 → 250,6	0.000164	ΔRGB(10,8,8)	antialiasing coverage residue on a shared outline
AntialiasCoverage	250,7 → 250,7	0.000164	ΔRGB(0,-9,-9)	antialiasing coverage residue on a shared outline
AntialiasCoverage	9,7 → 9,7	0.000164	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	9,7 → 9,7	0.000164	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	8,8 → 8,8	0.000164	ΔRGB(0,-7,-7)	antialiasing coverage residue on a shared outline
AntialiasCoverage	8,8 → 8,8	0.000164	ΔRGB(14,16,16)	antialiasing coverage residue on a shared outline

source · cases/block-box-model/box-decoration-break-slice-radius.html

1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<style>
6  /* box-decoration-break:slice (default) WITH border-radius across a page break.
7     Under slice the box is rendered whole and then sliced, so the rounded
8     corners exist only where the real box corners are: the TOP corners are
9     rounded on page 1 (open, square at the bottom cut) and the BOTTOM corners
10     are rounded on page 2 (open, square at the top cut). The multi-page harness
11     asserts the page COUNT (2) and diffs both pages. */
12  @page { size: 344px 240px; margin: 0; }
13  * { margin: 0; padding: 0; box-sizing: border-box; }
14  html { font-family: ParitySans; line-height: 1.5; background: #ffffff; }
15  .box {
16    width: 260px;
17    background: #ffd9d9;
18    border: 10px solid #6b1414;
19    border-radius: 28px;
20    padding: 14px;
21    box-decoration-break: slice;
22  }
23  .row { height: 64px; break-inside: avoid; }
24  .a { background: #d94f4f; }
25  .b { background: #2d6cdf; }
26  .c { background: #2e9e5b; }
27  .d { background: #e08a1e; }
28</style>
29</head>
30<body>
31  <div class="box">
32    <div class="row a"></div>
33    <div class="row b"></div>
34    <div class="row c"></div>
35    <div class="row d"></div>
36  </div>
37</body>
38</html>

PASS exact match block-exact-fill-no-extra-page · exact-fill-no-extra-page

Content that fills the page content box EXACTLY (two 100px blocks = the full 200px page) must NOT spill a spurious empty second page. The multi-page harness asserts the page COUNT (1); an off-by-one pagination emitting a trailing blank page would fail.

PASS exact match block-subpoint-height-continuation · subpoint-continuation · 2 pages

page 1

page 2

A painted block whose overflow is less than one point retains its nonzero continuation on page two.

PASS exact match box-decoration-break-clone · box-decoration-break-clone · 2 pages

page 1

page 2

box-decoration-break:clone on a tall bordered, padded box that spans a page break. Unlike slice, EACH page fragment is independently wrapped with the FULL border + padding + background, so both pages show a box closed on all four sides. ironpress implements the css-break-3 §6.2 clone model; the multi-page harness asserts the page COUNT (2) and diffs every page.

PASS exact match box-decoration-break-clone-radius · box-decoration-break-clone-radius · 2 pages

page 1

page 2

box-decoration-break:clone with border-radius across a page break: each fragment is independently wrapped with the full border/padding/background, so BOTH fragments are fully closed boxes with all four rounded corners. Contrasts the slice-radius case. The multi-page harness asserts the page COUNT (2) and diffs both pages.

PASS exact match box-decoration-break-slice · box-decoration-break-slice · 2 pages

page 1

page 2

Explicit box-decoration-break:slice (the default) on a tall bordered, padded box that spans a page break. Page 1 carries the TOP border and is OPEN at the page bottom; page 2 carries the BOTTOM border and is OPEN at the top. Pins the slice decoration model independently of the default-driven container-splits case.

PASS exact match container-splits-across-pages · container-split-across-pages · 3 pages

page 1

page 2

page 3

A bordered, padded, background-filled container with nine child blocks is far taller than the 240px page and FRAGMENTS across three pages (CSS Fragmentation 3 §3, class-A break between children). Under the default box-decoration-break:slice the box is sliced at each page edge: page 1 keeps the TOP border (open at the bottom), the middle page has NO top/bottom border (only the left/right edges), and the last page keeps the BOTTOM border (open at the top). The multi-page harness asserts the page COUNT (3) and diffs every page, so any clipping or mis-placed border fails — the first fixture that validates container fragmentation (splitting a box between its children), not just a single text block.

PASS exact match nested-container-deep-split · nested-container-recursive-split · 3 pages

page 1

page 2

page 3

A bordered container nested inside another bordered container (the outer box has a SINGLE child, so there is no between-children break point at the outer level) holds ten 50px rows and is far taller than the 240px page. The fragmentation engine must RECURSE into the inner box and split it between its rows: rows 0-3 on page 1, 4-7 on page 2, 8-9 on page 3, with both boxes sliced (box-decoration-break:slice) at each page edge. Catches the data-loss bug where a single-child container was placed whole and clipped to one page. The multi-page harness asserts the page COUNT (3) and diffs every page.

PASS exact match paragraph-splits-across-pages · paragraph-split-across-pages · 3 pages

page 1

page 2

page 3

A single paragraph far taller than the 200px page is split across page boundaries (CSS Fragmentation 3 §3): 24 lines at 16px/1.5 span three pages. The harness asserts the page count and compares every page exactly, so clipping, an off-by-one split, or misplaced text is visible.

height — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-height-auto-from-children · auto-from-children

height:auto grows to contain in-flow children (60+90=150px) (CSS2 10.6.3).

PASS exact match block-height-percent-auto-parent · percent-auto-parent

Percentage height with an auto-height parent behaves as auto (falls back to content height) (CSS2 10.5).

PASS exact match block-height-percent-definite-parent · percent-definite-parent

Percentage height resolves to 50% of the parent's definite 200px content height = 100px (CSS2 10.5).

margin — 100.00% verified visual parity PASS 17 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-margin-auto-centering · auto-centering

Fixed-width block with margin-left/right:auto horizontally centered inside a wider track.

PASS exact match block-margin-auto-no-width · auto-no-width

margin:0 auto with width:auto does not center: auto margins compute to 0 and width fills the CB (CSS2 10.3.3).

PASS exact match block-margin-auto-single-side · auto-single-side

margin-left:auto on a fixed-width block absorbs all free space, pushing the box to the right edge (CSS2 10.3.3).

PASS exact match block-margin-collapse-adjacent · collapse-adjacent

Two stacked blocks whose adjacent vertical margins (40px and 24px) collapse to the larger 40px gap.

PASS exact match block-margin-collapse-all-negative · collapse-all-negative

All-negative adjacent margins collapse to the most-negative (-50px), overlapping the boxes (CSS2 8.3.1).

PASS exact match block-margin-collapse-empty · collapse-empty

Empty block's own top+bottom margins collapse together and with siblings to a single 40px gap (CSS2 8.3.1).

PASS exact match block-margin-collapse-negative-mixed · collapse-negative-mixed

Mixed-sign adjacent margins collapse to max_positive + min_negative = 30px (CSS2 8.3.1).

PASS exact match block-margin-collapse-parent-first-child · collapse-parent-first-child

Parent + first in-flow child top margins collapse through (CSS2 8.3.1); child margin-top protrudes above the parent.

PASS exact match block-margin-collapse-parent-last-child · collapse-parent-last-child

Parent (auto height) + last in-flow child bottom margins collapse through (CSS2 8.3.1); following sibling sits at the larger margin.

PASS exact match block-margin-collapse-prevented-bfc-sibling · collapse-prevented-bfc-sibling

A BFC wrapper does not collapse its child's margin with margins outside it (CSS2 8.3.1).

PASS exact match block-margin-collapse-prevented-flex · collapse-prevented-flex

Flex items do not collapse margins; the gap is the sum (70px), not the collapsed max (CSS2 8.3.1 + flexbox 6).

PASS exact match block-margin-collapse-prevented-height · collapse-prevented-height

Parent explicit height prevents parent/last-child bottom margin collapse-through (CSS2 8.3.1).

PASS exact match block-margin-collapse-prevented-overflow · collapse-prevented-bfc

overflow:hidden establishes a BFC, preventing parent/child margin collapse (CSS2 8.3.1).

PASS exact match block-margin-collapse-prevented-padding · collapse-prevented-padding

Parent padding-top prevents parent/first-child margin collapse; child margin offsets it inside the parent (CSS2 8.3.1).

PASS exact match block-margin-descendant-protrudes · descendant-protrudes

Descendant top margin protrudes above the parent when not blocked, vs contained when padding blocks the collapse (CSS2 8.3.1).

PASS exact match block-margin-negative-offset · negative-offset

Negative explicit margin-left/-top pull the box left/up, overlapping the parent edge (CSS2 8.3).

PASS exact match block-margin-offsets · explicit-offsets

Block with asymmetric explicit margin-top:40px and margin-left:90px offsetting it within a track.

max-height — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-max-height-clamp · clamp

max-height caps the box to 120px and clips overflowing content via overflow:hidden (css-sizing-3).

max-width — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-max-width-clamp · clamp

Auto-width block clamped down to max-width:200px instead of filling the wider track.

PASS exact match block-max-width-min-content · min-content

max-width:min-content constrains a 200px text box to the longest word and wraps the phrase; catches ignoring intrinsic max-width keywords.

PASS exact match block-max-width-percent · percent

Percentage max-width clamps auto width to 50% of the 400px CB content width = 200px (css-sizing-3).

min-height — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-min-height-floor · floor

min-height raises a short box to the 160px floor; background extends below the child (css-sizing-3).

min-width — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-min-max-width-conflict · min-over-max

min-width > max-width: min wins via max(min,min(value,max)) -> 240px (css-sizing-3 5.2).

PASS exact match block-min-width-floor · floor

Declared width:80px raised to the min-width:220px floor.

PASS exact match block-min-width-max-content · max-content

min-width:max-content expands a narrow box to its unbreakable text width; catches ignoring intrinsic min-width keywords.

nested-block-flow — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-nested-containment · containment

Three nested blocks, each inset by its parent's padding, forming concentric frames to verify nested block containment.

padding — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-padding-all-sides · uniform

content-box container with 30px padding on all sides framing an inner box; verifies padding insets content equally.

PASS exact match block-padding-asymmetric · asymmetric

Per-side asymmetric padding (10/50/30/70) insets content distinctly on each edge (css-box-3).

PASS exact match block-padding-percent · percent

Percentage padding resolves against containing-block WIDTH on every side incl. vertical (CSS2 8.4).

width — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-width-auto-fills-parent · auto

Block child with width:auto expands to fill the parent's content box (parent width minus padding).

PASS exact match block-width-fit-content · fit-content

width:fit-content shrinks to wrap content rather than filling the parent (css-sizing-3 intrinsic sizing).

PASS exact match block-width-percent · percent

Child with width:50% resolves to half (200px) of the 400px parent content box.

width-height — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match block-width-height-explicit · explicit-px

Single block with explicit width:240px height:120px and a 4px border; baseline box dimensions.

block-box-model — 100.00% verified visual parity

border-width — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

box-sizing — 100.00% verified visual parity PASS 4 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

display — 100.00% verified visual parity PASS 8 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

Complete dominant-class aggregates

Representative region details (worst-first)

fragmentation — 100.00% verified visual parity PASS 10 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

Complete dominant-class aggregates

Representative region details (worst-first)

Complete dominant-class aggregates

Representative region details (worst-first)

height — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

margin — 100.00% verified visual parity PASS 17 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

max-height — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

max-width — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

min-height — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

min-width — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

nested-block-flow — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

padding — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

width — 100.00% verified visual parity PASS 3 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

width-height — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑