backgrounds-borders — 100.00% verified visual parity

← all categories · PASS 82 · FAIL 0 · REFERENCE-DISPUTED 1 · 83 total · 300 DPI

diff colours:MissingExtraColorErrMatchFull-page diff: matching and per-channel ≤1.0% pixels are blank; coloured classes are same-coordinate above-floor evidence. Exact RGBA mismatch remains numeric.

background-clip — 100.00% verified visual parity PASS 4 · FAIL 0 · REFERENCE-DISPUTED 1all categories ↑

REFERENCE-DISPUTED 4554 px · above-floor 1.57% · raw 1.58% max-page diff background-clip-text-gradient · text · REFERENCE DISPUTEDAntialiasCoveragemissing 2.8%extra 3.8%ΔE 20.9
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: above-floor complete-page mismatch 1.565714% exceeds 1.0% PASS ceiling; visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
background-clip:text clips a gradient background to glyph shapes; catches engines that map text to border-box or leave transparent text invisible.
reference dispute: CSS Backgrounds 4 defines background-clip:text by the text geometry, not a text-edge sampling grid or PDF representation. Chromium's PDF turns the matched ParitySans outlines into a 196x83 soft-mask image; Ironpress retains the same outline geometry as a vector text clip. The gradient interior and glyph positions agree, but the two valid edge-coverage strategies cannot be a unique pixel oracle.
regions (611 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr27126440,0 → 182,53438total 2.8% · largest 0.5%
Missing1628100,0 → 182,52144total 0.9% · largest 0.2%
Extra17811000,1 → 182,53227total 1.2% · largest 0.2%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage52,0 → 84,520.5ΔRGB(-7,-16,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage138,0 → 182,520.4ΔRGB(-21,-21,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage0,0 → 44,520.4ΔRGB(-10,-28,-23)antialiasing coverage residue on a shared outline
AntialiasCoverage59,22 → 85,520.3ΔRGB(-8,-15,-11)antialiasing coverage residue on a shared outline
Extra156,6 → 182,530.2candidate adds paint absent from reference (0.2%)
Extra19,6 → 44,530.2candidate adds paint absent from reference (0.2%)
AntialiasCoverage138,1 → 156,520.2ΔRGB(54,57,20)antialiasing coverage residue on a shared outline
Missing19,7 → 19,520.2candidate lacks paint present in reference (0.2%)
Missing0,0 → 44,00.1candidate lacks paint present in reference (0.1%)
Extra52,53 → 85,530.1candidate adds paint absent from reference (0.1%)
Missing59,47 → 85,470.09candidate lacks paint present in reference (0.09%)
Extra59,6 → 84,60.09candidate adds paint absent from reference (0.09%)
Missing59,0 → 84,00.08candidate lacks paint present in reference (0.08%)
Missing157,0 → 182,00.08candidate lacks paint present in reference (0.08%)
Missing59,22 → 84,220.08candidate lacks paint present in reference (0.08%)
Extra59,28 → 84,280.08candidate adds paint absent from reference (0.08%)
AntialiasCoverage0,1 → 19,60.08ΔRGB(-24,-80,-69)antialiasing coverage residue on a shared outline
Extra0,6 → 18,60.06candidate adds paint absent from reference (0.06%)
Extra138,6 → 156,60.06candidate adds paint absent from reference (0.06%)
AntialiasCoverage128,0 → 136,30.06ΔRGB(5,6,3)antialiasing coverage residue on a shared outline
AntialiasCoverage94,0 → 102,10.03ΔRGB(115,177,104)antialiasing coverage residue on a shared outline
Extra92,53 → 100,530.03candidate adds paint absent from reference (0.03%)
Extra129,53 → 137,530.03candidate adds paint absent from reference (0.03%)
Missing95,0 → 102,00.02candidate lacks paint present in reference (0.02%)
AntialiasCoverage121,40 → 122,420.009512ΔRGB(-48,-62,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage114,30 → 115,310.007398ΔRGB(-39,-54,-28)antialiasing coverage residue on a shared outline
AntialiasCoverage115,19 → 115,200.006341ΔRGB(51,70,37)antialiasing coverage residue on a shared outline
Missing128,0 → 130,00.005284candidate lacks paint present in reference (0.005284%)
AntialiasCoverage122,9 → 123,90.005284ΔRGB(51,67,33)antialiasing coverage residue on a shared outline
AntialiasCoverage121,10 → 122,100.005284ΔRGB(51,68,34)antialiasing coverage residue on a shared outline
AntialiasCoverage121,11 → 121,110.005284ΔRGB(51,68,34)antialiasing coverage residue on a shared outline
AntialiasCoverage120,12 → 121,120.005284ΔRGB(51,68,34)antialiasing coverage residue on a shared outline
AntialiasCoverage119,12 → 120,130.005284ΔRGB(51,68,34)antialiasing coverage residue on a shared outline
AntialiasCoverage104,15 → 105,160.005284ΔRGB(-35,-52,-30)antialiasing coverage residue on a shared outline
AntialiasCoverage105,16 → 105,170.005284ΔRGB(-36,-53,-30)antialiasing coverage residue on a shared outline
AntialiasCoverage106,17 → 106,180.005284ΔRGB(-37,-54,-30)antialiasing coverage residue on a shared outline
AntialiasCoverage106,18 → 107,190.005284ΔRGB(-37,-54,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage107,19 → 107,200.005284ΔRGB(-38,-56,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage108,20 → 108,200.005284ΔRGB(-39,-57,-32)antialiasing coverage residue on a shared outline
AntialiasCoverage108,21 → 108,210.005284ΔRGB(-39,-57,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage109,22 → 109,220.005284ΔRGB(-40,-57,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage109,23 → 110,230.005284ΔRGB(-41,-59,-32)antialiasing coverage residue on a shared outline
AntialiasCoverage110,24 → 110,240.005284ΔRGB(-42,-60,-32)antialiasing coverage residue on a shared outline
AntialiasCoverage119,25 → 119,260.005284ΔRGB(-10,-14,-7)antialiasing coverage residue on a shared outline
AntialiasCoverage110,25 → 110,260.005284ΔRGB(48,69,38)antialiasing coverage residue on a shared outline
AntialiasCoverage109,26 → 110,270.005284ΔRGB(48,69,38)antialiasing coverage residue on a shared outline
AntialiasCoverage108,27 → 109,280.005284ΔRGB(48,69,38)antialiasing coverage residue on a shared outline
AntialiasCoverage108,28 → 108,290.005284ΔRGB(48,69,38)antialiasing coverage residue on a shared outline
AntialiasCoverage107,29 → 108,300.005284ΔRGB(48,69,39)antialiasing coverage residue on a shared outline
AntialiasCoverage107,30 → 107,310.005284ΔRGB(48,69,39)antialiasing coverage residue on a shared outline
AntialiasCoverage106,31 → 107,320.005284ΔRGB(48,69,39)antialiasing coverage residue on a shared outline
AntialiasCoverage115,31 → 116,320.005284ΔRGB(-40,-55,-29)antialiasing coverage residue on a shared outline
AntialiasCoverage116,32 → 116,330.005284ΔRGB(-38,-53,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage123,44 → 124,440.005284ΔRGB(-56,-73,-36)antialiasing coverage residue on a shared outline
AntialiasCoverage124,44 → 124,450.005284ΔRGB(-55,-72,-35)antialiasing coverage residue on a shared outline
AntialiasCoverage124,45 → 125,460.005284ΔRGB(-55,-70,-35)antialiasing coverage residue on a shared outline
AntialiasCoverage125,46 → 125,470.005284ΔRGB(-54,-69,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage126,47 → 126,480.005284ΔRGB(-52,-67,-32)antialiasing coverage residue on a shared outline
AntialiasCoverage126,48 → 127,490.005284ΔRGB(-50,-64,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage127,49 → 127,500.005284ΔRGB(-48,-61,-29)antialiasing coverage residue on a shared outline
AntialiasCoverage128,50 → 128,510.005284ΔRGB(-45,-57,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage128,51 → 129,520.005284ΔRGB(-44,-55,-26)antialiasing coverage residue on a shared outline
AntialiasCoverage95,2 → 96,20.004227ΔRGB(-27,-43,-26)antialiasing coverage residue on a shared outline
AntialiasCoverage96,3 → 96,30.004227ΔRGB(-28,-44,-26)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-clip-text-gradient.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background-clip text gradient</title>
6<style>
7  @page { size: 264px 112px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .word {
12    width: 260px;
13    height: 110px;
14    font-size: 72px;
15    line-height: 110px;
16    text-align: center;
17    color: transparent;
18    background-image: linear-gradient(to right, #d50000, #2962ff);
19    background-clip: text;
20    -webkit-background-clip: text;
21    -webkit-text-fill-color: transparent;
22  }
23</style>
24</head>
25<body>
26  <div class="word">TEXT</div>
27</body>
28</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.37% · raw 0.54% (1795 px) background-clip-padding-box-elliptical-radius · padding-box-elliptical-radiusPASS via CSS-scale observation: stable same-coordinate outline phaseAntialiasCoveragemissing 0.03%extra 0.3%ΔE 9.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
background-clip:padding-box follows the elliptical inner border curve beneath a translucent solid border; catches red background bleed into the border band.
regions (652 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr45813640,0 → 170,95128total 0.9% · largest 0.08%
Extra1503870,0 → 168,8623total 0.2% · largest 0.01%
Missing444498,68 → 170,951total 0.03% · largest 0.000633%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage170,27 → 170,680.08ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage154,28 → 154,670.08ΔRGB(7,48,48)antialiasing coverage residue on a shared outline
Extra73,0 → 80,00.01candidate adds paint absent from reference (0.01%)
Extra90,0 → 97,00.01candidate adds paint absent from reference (0.01%)
AntialiasCoverage72,95 → 78,950.01ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage91,95 → 97,950.01ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage3,74 → 6,770.01ΔRGB(11,11,11)antialiasing coverage residue on a shared outline
AntialiasCoverage71,16 → 75,160.009493ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
ColorValue95,16 → 99,160.009493ΔRGB(0,1,-1)fill recolour ΔRGB(+0,+1,-1) (ΔE 0)
ColorValue70,79 → 74,790.008228ΔRGB(0,1,-1)fill recolour ΔRGB(+0,+1,-1) (ΔE 0)
ColorValue96,79 → 100,790.008228ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage67,94 → 71,940.008228ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
Extra68,0 → 71,00.007595candidate adds paint absent from reference (0.007595%)
Extra99,0 → 102,00.007595candidate adds paint absent from reference (0.007595%)
AntialiasCoverage76,16 → 79,160.007595ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage91,16 → 94,160.007595ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage99,94 → 102,940.006962ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage74,79 → 77,790.006329ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage93,79 → 96,790.006329ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage63,94 → 66,940.006329ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
Extra64,1 → 66,10.005696candidate adds paint absent from reference (0.005696%)
ColorValue64,16 → 67,160.005696ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage104,78 → 107,780.005696ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage104,94 → 107,940.005696ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
Extra104,1 → 106,10.005063candidate adds paint absent from reference (0.005063%)
ColorValue103,16 → 106,160.005063ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
ColorValue63,78 → 66,780.005063ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage60,94 → 62,940.005063ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
Extra60,1 → 62,10.004430candidate adds paint absent from reference (0.004430%)
Extra108,1 → 109,10.004430candidate adds paint absent from reference (0.004430%)
Extra57,1 → 59,10.004430candidate adds paint absent from reference (0.004430%)
ColorValue109,17 → 111,170.004430ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage163,17 → 164,180.004430ΔRGB(11,11,11)antialiasing coverage residue on a shared outline
AntialiasCoverage54,93 → 56,930.004430ΔRGB(69,69,69)antialiasing coverage residue on a shared outline
AntialiasCoverage57,93 → 59,930.004430ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage108,94 → 110,940.004430ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
Extra111,1 → 112,10.003797candidate adds paint absent from reference (0.003797%)
Extra55,2 → 56,20.003797candidate adds paint absent from reference (0.003797%)
ColorValue59,17 → 61,170.003797ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
ColorValue55,17 → 57,170.003797ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
ColorValue114,78 → 115,780.003797ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage59,78 → 60,780.003797ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
ColorValue109,78 → 111,780.003797ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage17,84 → 19,840.003797ΔRGB(32,32,32)antialiasing coverage residue on a shared outline
AntialiasCoverage50,92 → 51,920.003797ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage118,92 → 120,920.003797ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage52,93 → 53,930.003797ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage116,93 → 118,930.003797ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage114,93 → 115,930.003797ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
AntialiasCoverage111,93 → 113,930.003797ΔRGB(78,78,78)antialiasing coverage residue on a shared outline
Extra114,2 → 115,20.003164candidate adds paint absent from reference (0.003164%)
Extra52,2 → 54,20.003164candidate adds paint absent from reference (0.003164%)
Extra116,2 → 117,20.003164candidate adds paint absent from reference (0.003164%)
Extra50,2 → 52,20.003164candidate adds paint absent from reference (0.003164%)
Extra118,2 → 120,20.003164candidate adds paint absent from reference (0.003164%)
Extra48,3 → 49,30.003164candidate adds paint absent from reference (0.003164%)
Extra46,3 → 47,30.003164candidate adds paint absent from reference (0.003164%)
Extra0,27 → 0,280.003164candidate adds paint absent from reference (0.003164%)
Extra0,67 → 0,680.003164candidate adds paint absent from reference (0.003164%)
AntialiasCoverage67,16 → 68,160.003164ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage101,16 → 103,160.003164ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
ColorValue113,17 → 115,170.003164ΔRGB(0,1,0)fill recolour ΔRGB(+0,+1,+0) (ΔE 0)
AntialiasCoverage117,17 → 118,170.003164ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage166,20 → 167,210.003164ΔRGB(11,11,11)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-clip-padding-box-elliptical-radius.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background clip padding-box elliptical radius</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 170px;
13    height: 95px;
14    margin: 25px;
15    padding: 10px;
16    border: 16px solid rgb(17 17 17 / 50%);
17    border-radius: 50% / 30%;
18    background: #e53935;
19    background-clip: padding-box;
20  }
21</style>
22</head>
23<body>
24  <div class="box"></div>
25</body>
26</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.13% · raw 0.13% (308 px) background-clip-padding-box-dashed-gradient · padding-box-dashed-gradientPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 18.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
background-clip:padding-box clips a gradient before dashed border gaps; catches border-box clipping that leaks red through the border.
regions (8 total; showing 8 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr83080,0 → 140,90101total 0.2% · largest 0.08%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage0,0 → 16,160.08ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage0,74 → 16,900.08ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage124,0 → 140,00.04ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage124,90 → 140,900.04ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage16,16 → 16,160.000810ΔRGB(-15,-7,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage124,16 → 124,160.000810ΔRGB(-12,-1,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage16,74 → 16,740.000810ΔRGB(-15,-7,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage124,74 → 124,740.000810ΔRGB(-12,-1,-2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-clip-padding-box-dashed-gradient.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background clip padding-box dashed gradient</title>
6<style>
7  @page { size: 184px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 140px;
13    height: 90px;
14    margin: 20px;
15    padding: 12px;
16    border: 16px dashed #111111;
17    background-image: linear-gradient(#e53935, #e53935);
18    background-clip: padding-box;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS exact match background-clip-content-box-color · content-box-color
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
background-clip:content-box clips a solid background color to the content box; catches border-box clipping that fills padding.
PASS exact match background-clip-list-matching · layer-list-matching
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Comma-separated background-clip values clip only the top layer to content-box over a blue border-box layer; catches single-clip implementations.

background-attachment — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match background-attachment-fixed-viewport · fixed-viewport
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
background-attachment:fixed anchors a split gradient to the page viewport; catches element-relative fixed positioning.
PASS exact match background-attachment-local-scroll-canvas · local-scroll-canvas
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
background-attachment:local positions a bottom stripe against the scrollable content canvas; catches aliases to scroll/static attachment.

background-blend-mode — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.22% · raw 44.32% (147374 px) background-blend-mode-list-matching · layer-list-matchingPASS via CSS-scale observation: sub-CSS shared-outline coverageColorValuemissing 0.3%ΔE 0.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw fill recolour ΔRGB(+1,+0,+1) (ΔE 0.2)
Comma-separated background-blend-mode values keep the top red tile normal while multiplying the bottom blue layer into the yellow color; catches one global blend mode.
regions (2 total; showing 2 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr11468114,4 → 176,106146811total 75.6% · largest 75.6% · max ΔE 0.2
Missing15630,110 → 180,110563total 0.3% · largest 0.3%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue4,4 → 176,10675.6ΔE 0.2 ΔRGB(1,0,1)fill recolour ΔRGB(+1,+0,+1) (ΔE 0.2)
Missing0,110 → 180,1100.3candidate lacks paint present in reference (0.3%)
source · cases/backgrounds-borders/background-blend-mode-list-matching.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background blend mode list matching</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 180px;
13    height: 110px;
14    margin: 20px;
15    background-color: #fdd835;
16    background-image:
17      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg=="),
18      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mOQ63gKRwzEcQB1whixaofVswAAAABJRU5ErkJggg==");
19    background-size: 50px 50px, 180px 110px;
20    background-repeat: no-repeat, no-repeat;
21    background-position: left top, left top;
22    background-blend-mode: normal, multiply;
23    border: 4px solid #111111;
24  }
25</style>
26</head>
27<body>
28  <div class="box"></div>
29</body>
30</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.29% · raw 0.29% (626 px) background-blend-mode-multiply-image · multiply-image-colorPASS via CSS-scale observation: sub-CSS shared-outline coverageMissingmissing 0.7%
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate lacks paint present in reference (0.7%)
background-blend-mode:multiply blends a blue image layer with a yellow background color; catches engines that paint the image normally.
regions (1 total; showing 1 representative)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
Missing16260,0 → 120,80626total 0.7% · largest 0.7%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Missing0,0 → 120,800.7candidate lacks paint present in reference (0.7%)
source · cases/backgrounds-borders/background-blend-mode-multiply-image.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background blend mode multiply image</title>
6<style>
7  @page { size: 184px 120px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 120px;
13    height: 80px;
14    margin: 20px;
15    background-color: #fdd835;
16    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mOQ63gKRwzEcQB1whixaofVswAAAABJRU5ErkJggg==");
17    background-size: 120px 80px;
18    background-repeat: no-repeat;
19    background-blend-mode: multiply;
20    border: 4px solid #111111;
21  }
22</style>
23</head>
24<body>
25  <div class="box"></div>
26</body>
27</html>

background-color — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match background-color-rgba · rgba-alpha
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Semi-transparent rgba() box composited over a solid background box.
PASS exact match background-color-solid · solid
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Single box filled with a solid opaque background-color.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.18% · raw 0.18% (587 px) background-image-nonuniform-radius-clip · nonuniform-radius-clippingPASS via CSS-scale observation: stable same-coordinate outline phaseAntialiasCoveragemissing 0.000622%extra 0.001865%ΔE 48.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
A raster background is clipped by four unequal border radii; catches unclipped or uniform-radius image clipping.
regions (89 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr855830,0 → 170,100474total 0.4% · largest 0.3%
Missing110,97 → 0,971total 0.000601% · largest 0.000601%
Extra331,99 → 1,991total 0.001802% · largest 0.000601%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage6,85 → 157,850.3ΔRGB(223,80,-176)antialiasing coverage residue on a shared outline
AntialiasCoverage0,97 → 1,980.003003ΔRGB(-9,-9,-9)antialiasing coverage residue on a shared outline
AntialiasCoverage27,2 → 28,20.001802ΔRGB(17,17,17)antialiasing coverage residue on a shared outline
AntialiasCoverage169,4 → 169,40.001802ΔRGB(-17,-17,-17)antialiasing coverage residue on a shared outline
AntialiasCoverage2,27 → 2,280.001802ΔRGB(17,17,17)antialiasing coverage residue on a shared outline
AntialiasCoverage3,100 → 4,1000.001802ΔRGB(-54,-54,-54)antialiasing coverage residue on a shared outline
AntialiasCoverage162,0 → 163,00.001201ΔRGB(-20,-20,-20)antialiasing coverage residue on a shared outline
AntialiasCoverage163,0 → 164,00.001201ΔRGB(-14,-14,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage164,0 → 164,00.001201ΔRGB(-17,-17,-17)antialiasing coverage residue on a shared outline
AntialiasCoverage166,1 → 166,10.001201ΔRGB(-12,-12,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage167,2 → 167,20.001201ΔRGB(-9,-9,-9)antialiasing coverage residue on a shared outline
AntialiasCoverage168,3 → 168,30.001201ΔRGB(-7,-7,-7)antialiasing coverage residue on a shared outline
AntialiasCoverage35,6 → 35,60.001201ΔRGB(0,-5,-9)antialiasing coverage residue on a shared outline
AntialiasCoverage170,6 → 170,70.001201ΔRGB(-4,-4,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage6,35 → 6,350.001201ΔRGB(0,-5,-9)antialiasing coverage residue on a shared outline
AntialiasCoverage161,79 → 161,790.001201ΔRGB(-4,-4,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage0,96 → 0,970.001201ΔRGB(-83,-83,-83)antialiasing coverage residue on a shared outline
AntialiasCoverage2,99 → 2,990.001201ΔRGB(-22,-22,-22)antialiasing coverage residue on a shared outline
AntialiasCoverage2,100 → 3,1000.001201ΔRGB(48,48,48)antialiasing coverage residue on a shared outline
Missing0,97 → 0,970.000601candidate lacks paint present in reference (0.000601%)
Extra1,99 → 1,990.000601candidate adds paint absent from reference (0.000601%)
Extra1,99 → 1,990.000601candidate adds paint absent from reference (0.000601%)
Extra1,99 → 1,990.000601candidate adds paint absent from reference (0.000601%)
AntialiasCoverage35,0 → 35,00.000601ΔRGB(9,9,9)antialiasing coverage residue on a shared outline
AntialiasCoverage37,0 → 37,00.000601ΔRGB(17,17,17)antialiasing coverage residue on a shared outline
AntialiasCoverage38,0 → 38,00.000601ΔRGB(21,21,21)antialiasing coverage residue on a shared outline
AntialiasCoverage33,0 → 33,00.000601ΔRGB(7,7,7)antialiasing coverage residue on a shared outline
AntialiasCoverage35,0 → 35,00.000601ΔRGB(20,20,20)antialiasing coverage residue on a shared outline
AntialiasCoverage33,1 → 33,10.000601ΔRGB(22,22,22)antialiasing coverage residue on a shared outline
AntialiasCoverage31,1 → 31,10.000601ΔRGB(20,20,20)antialiasing coverage residue on a shared outline
AntialiasCoverage29,1 → 29,10.000601ΔRGB(14,14,14)antialiasing coverage residue on a shared outline
AntialiasCoverage166,1 → 166,10.000601ΔRGB(-19,-19,-19)antialiasing coverage residue on a shared outline
AntialiasCoverage28,2 → 28,20.000601ΔRGB(21,21,21)antialiasing coverage residue on a shared outline
AntialiasCoverage167,2 → 167,20.000601ΔRGB(-12,-12,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage26,2 → 26,20.000601ΔRGB(9,9,9)antialiasing coverage residue on a shared outline
AntialiasCoverage168,3 → 168,30.000601ΔRGB(-22,-22,-22)antialiasing coverage residue on a shared outline
AntialiasCoverage24,3 → 24,30.000601ΔRGB(14,14,14)antialiasing coverage residue on a shared outline
AntialiasCoverage169,3 → 169,30.000601ΔRGB(-4,-4,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage20,5 → 20,50.000601ΔRGB(20,20,20)antialiasing coverage residue on a shared outline
AntialiasCoverage20,5 → 20,50.000601ΔRGB(18,18,18)antialiasing coverage residue on a shared outline
AntialiasCoverage170,5 → 170,50.000601ΔRGB(-22,-22,-22)antialiasing coverage residue on a shared outline
AntialiasCoverage19,6 → 19,60.000601ΔRGB(14,14,14)antialiasing coverage residue on a shared outline
AntialiasCoverage170,6 → 170,60.000601ΔRGB(-21,-21,-21)antialiasing coverage residue on a shared outline
AntialiasCoverage18,6 → 18,60.000601ΔRGB(17,17,17)antialiasing coverage residue on a shared outline
AntialiasCoverage163,6 → 163,60.000601ΔRGB(7,5,1)antialiasing coverage residue on a shared outline
AntialiasCoverage17,7 → 17,70.000601ΔRGB(10,10,10)antialiasing coverage residue on a shared outline
AntialiasCoverage164,7 → 164,70.000601ΔRGB(20,18,3)antialiasing coverage residue on a shared outline
AntialiasCoverage17,7 → 17,70.000601ΔRGB(20,20,20)antialiasing coverage residue on a shared outline
AntialiasCoverage170,7 → 170,70.000601ΔRGB(-28,-28,-28)antialiasing coverage residue on a shared outline
AntialiasCoverage15,8 → 15,80.000601ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage26,9 → 26,90.000601ΔRGB(-1,-7,-13)antialiasing coverage residue on a shared outline
AntialiasCoverage14,10 → 14,100.000601ΔRGB(39,39,39)antialiasing coverage residue on a shared outline
AntialiasCoverage12,11 → 12,110.000601ΔRGB(22,22,22)antialiasing coverage residue on a shared outline
AntialiasCoverage11,12 → 11,120.000601ΔRGB(22,22,22)antialiasing coverage residue on a shared outline
AntialiasCoverage10,14 → 10,140.000601ΔRGB(39,39,39)antialiasing coverage residue on a shared outline
AntialiasCoverage8,15 → 8,150.000601ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage7,17 → 7,170.000601ΔRGB(20,20,20)antialiasing coverage residue on a shared outline
AntialiasCoverage7,17 → 7,170.000601ΔRGB(10,10,10)antialiasing coverage residue on a shared outline
AntialiasCoverage6,18 → 6,180.000601ΔRGB(17,17,17)antialiasing coverage residue on a shared outline
AntialiasCoverage6,19 → 6,190.000601ΔRGB(14,14,14)antialiasing coverage residue on a shared outline
AntialiasCoverage5,20 → 5,200.000601ΔRGB(18,18,18)antialiasing coverage residue on a shared outline
AntialiasCoverage5,20 → 5,200.000601ΔRGB(20,20,20)antialiasing coverage residue on a shared outline
AntialiasCoverage3,24 → 3,240.000601ΔRGB(14,14,14)antialiasing coverage residue on a shared outline
AntialiasCoverage2,26 → 2,260.000601ΔRGB(9,9,9)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-image-nonuniform-radius-clip.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background image nonuniform radius clip</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 170px;
13    height: 100px;
14    margin: 25px;
15    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHElEQVR42mOQ63gKRH9vmAIRAwoHQj21BCEUDgDmhhvJOJwkcAAAAABJRU5ErkJggg==");
16    background-size: cover;
17    background-repeat: no-repeat;
18    border: 6px solid #111111;
19    border-radius: 40px 8px 32px 4px;
20  }
21</style>
22</head>
23<body>
24  <div class="box"></div>
25</body>
26</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.12% · raw 0.12% (252 px) background-image-image-set · image-setPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 22.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
background-image:image-set() paints its selected candidate; catches parsers that drop image-set() and leave the box white.
regions (2 total; showing 2 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr225224,24 → 64,64126total 0.3% · largest 0.2%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage24,24 → 24,640.2ΔRGB(9,69,70)antialiasing coverage residue on a shared outline
AntialiasCoverage64,24 → 64,640.2ΔRGB(16,128,130)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-image-image-set.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background image image-set</title>
6<style>
7  @page { size: 184px 120px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 100px;
13    height: 80px;
14    margin: 20px;
15    background-image: image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg==") 1x);
16    background-size: 40px 40px;
17    background-repeat: no-repeat;
18    background-position: 20px 20px;
19    border: 4px solid #111111;
20  }
21</style>
22</head>
23<body>
24  <div class="box"></div>
25</body>
26</html>
PASS exact match background-image-none-layer-list · none-layer-list-matching
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
A none background layer still consumes matching size/repeat/position list entries; catches implementations that drop none before list matching.

background-layer-order — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.08% · raw 0.08% (219 px) background-layer-order-raster-gradient · gradient-over-rasterPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 12.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
A top red gradient layer covers a bottom blue raster at the same corner; catches fixed slot painters that put raster over gradient.
regions (1 total; showing 1 representative)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr121974,4 → 74,74219total 0.2% · largest 0.2%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage74,4 → 74,740.2ΔRGB(78,41,9)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-layer-order-raster-gradient.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background layer order raster gradient</title>
6<style>
7  @page { size: 200px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 160px;
13    height: 90px;
14    margin: 20px;
15    background-image:
16      linear-gradient(#e53935, #e53935),
17      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mOQ63gKRwzEcQB1whixaofVswAAAABJRU5ErkJggg==");
18    background-size: 50px 50px, 70px 70px;
19    background-repeat: no-repeat, no-repeat;
20    background-position: left top, left top;
21    border: 4px solid #111111;
22  }
23</style>
24</head>
25<body>
26  <div class="box"></div>
27</body>
28</html>

background-origin — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.05% · raw 0.05% (178 px) background-origin-list-matching · layer-list-matchingPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 34.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
Comma-separated background-origin values position two image layers from different boxes; catches implementations with one origin for all layers.
regions (2 total; showing 2 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr217836,36 → 64,6489total 0.09% · largest 0.05%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage36,36 → 36,640.05ΔRGB(22,173,176)antialiasing coverage residue on a shared outline
AntialiasCoverage64,36 → 64,640.05ΔRGB(16,128,130)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-origin-list-matching.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background origin list matching</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 180px;
13    height: 110px;
14    margin: 20px;
15    padding: 24px;
16    border: 12px solid #111111;
17    background-image:
18      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg=="),
19      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mOQ63gKRwzEcQB1whixaofVswAAAABJRU5ErkJggg==");
20    background-size: 28px 28px, 28px 28px;
21    background-repeat: no-repeat, no-repeat;
22    background-position: left top, left top;
23    background-origin: content-box, border-box;
24  }
25</style>
26</head>
27<body>
28  <div class="box"></div>
29</body>
30</html>
PASS exact match background-origin-border-box · border-box
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
background-origin:border-box positions a tile from the outer border edge; catches implementations that always use padding-box.

background-position — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0.07% · raw 0.07% (190 px) background-position-xy-longhands · x-y-longhandsPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 27.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
background-position-x and background-position-y independently place a tile at fixed offsets; catches engines that ignore the longhands.
regions (2 total; showing 2 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr219084,34 → 114,6495total 0.1% · largest 0.07%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage84,34 → 84,640.07ΔRGB(22,173,176)antialiasing coverage residue on a shared outline
AntialiasCoverage114,34 → 114,640.07ΔRGB(9,69,70)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-position-xy-longhands.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background position x y longhands</title>
6<style>
7  @page { size: 200px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 160px;
13    height: 90px;
14    margin: 20px;
15    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg==");
16    background-size: 30px 30px;
17    background-repeat: no-repeat;
18    background-position-x: 80px;
19    background-position-y: 30px;
20    border: 4px solid #111111;
21  }
22</style>
23</head>
24<body>
25  <div class="box"></div>
26</body>
27</html>
PASS exact match background-position-edge-offsets · four-value-edge-offsets
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
background-position: right 20px bottom 15px anchors a tile from named edges; catches one/two-value parsers that fall back to top-left.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0% · raw 3.61% (6500 px) background-repeat-space-round · space-roundPASS via raw same-coordinate visibility policyColorValueΔE 0.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
background-repeat: space distributes four 40px columns with 8px gaps while round scales 24px images into three 26.666px rows.
regions (12 total; showing 12 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr1265000,17 → 184,72625total 4.5% · largest 0.4% · max ΔE 0.3

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue0,70 → 40,720.4ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue48,70 → 88,720.4ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue96,70 → 136,720.4ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue144,70 → 184,720.4ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue0,17 → 40,180.3ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue48,17 → 88,180.3ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue96,17 → 136,180.3ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue144,17 → 184,180.3ΔE 0.2 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.2)
ColorValue0,44 → 40,450.3ΔE 0.3 ΔRGB(-1,-1,-1)fill recolour ΔRGB(-1,-1,-1) (ΔE 0.3)
ColorValue48,44 → 88,450.3ΔE 0.3 ΔRGB(-1,-1,-1)fill recolour ΔRGB(-1,-1,-1) (ΔE 0.3)
ColorValue96,44 → 136,450.3ΔE 0.3 ΔRGB(-1,-1,-1)fill recolour ΔRGB(-1,-1,-1) (ΔE 0.3)
ColorValue144,44 → 184,450.3ΔE 0.3 ΔRGB(-1,-1,-1)fill recolour ΔRGB(-1,-1,-1) (ΔE 0.3)
source · cases/backgrounds-borders/background-repeat-space-round.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background-repeat space round</title>
6<style>
7  @page { size: 192px 96px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 184px;
13    height: 80px;
14    background-color: #e8f5e9;
15    background-image: linear-gradient(to bottom, #c62828 0 18px, #ffd54f 18px 24px);
16    background-size: 40px 24px;
17    background-repeat: space round;
18  }
19</style>
20</head>
21<body>
22  <div class="box"></div>
23</body>
24</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.002783% · raw 0.002783% (6 px) background-repeat-repeat-x-no-repeat-y · repeat-no-repeat-two-keywordPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 7.8
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
background-repeat:repeat no-repeat repeats a tile only horizontally; catches parsers that collapse the two-keyword value to full repeat.
regions (6 total; showing 6 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr6624,4 → 104,241total 0.005479% · largest 0.000913%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage24,4 → 24,40.000913ΔRGB(5,35,36)antialiasing coverage residue on a shared outline
AntialiasCoverage64,4 → 64,40.000913ΔRGB(5,35,36)antialiasing coverage residue on a shared outline
AntialiasCoverage104,4 → 104,40.000913ΔRGB(5,35,36)antialiasing coverage residue on a shared outline
AntialiasCoverage24,24 → 24,240.000913ΔRGB(5,35,36)antialiasing coverage residue on a shared outline
AntialiasCoverage64,24 → 64,240.000913ΔRGB(5,35,36)antialiasing coverage residue on a shared outline
AntialiasCoverage104,24 → 104,240.000913ΔRGB(5,35,36)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-repeat-repeat-x-no-repeat-y.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background repeat repeat-x no-repeat-y</title>
6<style>
7  @page { size: 184px 120px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 140px;
13    height: 80px;
14    margin: 20px;
15    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg==");
16    background-size: 20px 20px;
17    background-repeat: repeat no-repeat;
18    border: 4px solid #111111;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS exact match background-invalid-repeat-preserves-no-repeat · invalid-declaration-discard
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
A later invalid background-repeat declaration is discarded, so the earlier no-repeat value keeps the sized gradient in the first tile only.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.10% · raw 0.10% (289 px) background-shorthand-visual-box-single · single-visual-boxPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 17.1
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
The background shorthand with one visual-box sets both origin and clip to content-box; catches shorthands that set only one of them.
regions (9 total; showing 9 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr92890,0 → 170,10095total 0.2% · largest 0.06%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage65,35 → 65,650.06ΔRGB(9,69,70)antialiasing coverage residue on a shared outline
AntialiasCoverage0,0 → 10,100.04ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage160,0 → 170,100.04ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage0,90 → 0,1000.02ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage170,90 → 170,1000.02ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage10,10 → 10,100.000601ΔRGB(-6,-6,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage160,10 → 160,100.000601ΔRGB(-6,-6,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage10,90 → 10,900.000601ΔRGB(-11,-11,-11)antialiasing coverage residue on a shared outline
AntialiasCoverage160,90 → 160,900.000601ΔRGB(-11,-11,-11)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-shorthand-visual-box-single.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background shorthand visual box single</title>
6<style>
7  @page { size: 216px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 170px;
13    height: 100px;
14    margin: 20px;
15    padding: 25px;
16    border: 10px dashed #111111;
17    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg==") left top / 30px 30px no-repeat content-box;
18  }
19</style>
20</head>
21<body>
22  <div class="box"></div>
23</body>
24</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.06% · raw 0.06% (194 px) background-shorthand-origin-clip-pair · origin-clip-visual-box-pairPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 18.1
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
The background shorthand with border-box content-box positions from border-box and clips to content-box; catches reversed or collapsed visual-box parsing.
regions (8 total; showing 8 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr81940,0 → 170,10063total 0.1% · largest 0.04%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage0,0 → 10,100.04ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage160,0 → 170,100.04ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage0,90 → 0,1000.02ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage170,90 → 170,1000.02ΔRGB(55,55,55)antialiasing coverage residue on a shared outline
AntialiasCoverage10,10 → 10,100.000601ΔRGB(-6,-6,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage160,10 → 160,100.000601ΔRGB(-6,-6,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage10,90 → 10,900.000601ΔRGB(-11,-11,-11)antialiasing coverage residue on a shared outline
AntialiasCoverage160,90 → 160,900.000601ΔRGB(-11,-11,-11)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-shorthand-origin-clip-pair.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background shorthand origin clip pair</title>
6<style>
7  @page { size: 216px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 170px;
13    height: 100px;
14    margin: 20px;
15    padding: 25px;
16    border: 10px dashed #111111;
17    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg==") left top / 80px 80px no-repeat border-box content-box;
18  }
19</style>
20</head>
21<body>
22  <div class="box"></div>
23</body>
24</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.03% · raw 0.03% (101 px) background-shorthand-multiple-layers-color · multiple-layers-final-colorPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 23.8
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
The background shorthand accepts multiple image layers plus a final background color; catches one-layer parsers that drop a tile or the color.
regions (1 total; showing 1 representative)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr1101144,74 → 144,106101total 0.05% · largest 0.05%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage144,74 → 144,1060.05ΔRGB(77,27,-62)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-shorthand-multiple-layers-color.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background shorthand multiple layers color</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 180px;
13    height: 110px;
14    margin: 20px;
15    background:
16      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mN4amkKRwzEcQAyMhUx4RYvKgAAAABJRU5ErkJggg==") left top / 32px 32px no-repeat,
17      url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAEElEQVR42mOQ63gKRwzEcQB1whixaofVswAAAABJRU5ErkJggg==") right bottom / 32px 32px no-repeat #fdd835;
18    border: 4px solid #111111;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS exact match background-shorthand-reset-longhands · reset-longhands
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
A later background shorthand resets earlier image, repeat, size, origin, and clip longhands; catches stale red image or stale content-box clipping.

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

PASS exact match background-size-auto-length · auto-length-intrinsic-ratio
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
background-size: auto 60px preserves the image intrinsic ratio; catches implementations that treat mixed auto/length as plain auto.

body-background-canvas-propagation — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match body-background-canvas-propagation · transparent-root
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
The body background propagates to the page canvas when the html background is transparent; catches body-only painting that leaves page margins white.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.38% · raw 0.38% (3570 px) border-logical-cascade-writing-modes · logical-physical-cascade-writing-modesPASS via CSS-scale observation: one-sided sub-CSS outline coverageAntialiasCoverageextra 0.6%ΔE 0.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
Logical border sides and radii share declaration order with physical longhands and map through horizontal LTR, horizontal RTL, vertical-lr, and sideways-lr writing modes.
regions (139 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr13525520,0 → 312,212437total 0.4% · largest 0.07% · max ΔE 0.7
Extra410180,80 → 312,212412total 0.2% · largest 0.06%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage180,80 → 312,880.07ΔRGB(-4,-4,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage7,0 → 140,00.06ΔRGB(-5,-5,-4)antialiasing coverage residue on a shared outline
Extra0,212 → 132,2120.06candidate adds paint absent from reference (0.06%)
Extra193,212 → 312,2120.06candidate adds paint absent from reference (0.06%)
AntialiasCoverage185,132 → 304,1320.06ΔRGB(-11,-9,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage14,80 → 132,800.06ΔRGB(-4,-4,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage172,0 → 287,00.06ΔRGB(-5,-5,-4)antialiasing coverage residue on a shared outline
Extra0,138 → 0,2120.04candidate adds paint absent from reference (0.04%)
AntialiasCoverage180,8 → 180,800.03ΔRGB(-11,-9,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage304,201 → 312,2120.009104ΔRGB(-28,-24,-22)antialiasing coverage residue on a shared outline
AntialiasCoverage293,4 → 305,100.008487ΔRGB(20,37,8)antialiasing coverage residue on a shared outline
AntialiasCoverage172,124 → 173,1320.004166ΔRGB(8,8,7)antialiasing coverage residue on a shared outline
AntialiasCoverage304,124 → 312,1240.004012ΔRGB(9,8,6)antialiasing coverage residue on a shared outline
AntialiasCoverage172,80 → 172,880.003858ΔRGB(9,8,6)antialiasing coverage residue on a shared outline
AntialiasCoverage2,2 → 3,30.000772ΔRGB(7,6,6)antialiasing coverage residue on a shared outline
AntialiasCoverage1,4 → 1,50.000772ΔRGB(7,6,6)antialiasing coverage residue on a shared outline
AntialiasCoverage0,5 → 0,60.000772ΔRGB(7,6,5)antialiasing coverage residue on a shared outline
AntialiasCoverage0,88 → 1,880.000463ΔRGB(2,3,1)antialiasing coverage residue on a shared outline
AntialiasCoverage301,2 → 301,20.000309ΔRGB(2,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage4,3 → 4,30.000309ΔRGB(4,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage5,3 → 5,30.000309ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage1,3 → 1,40.000309ΔRGB(6,5,4)antialiasing coverage residue on a shared outline
AntialiasCoverage6,4 → 7,40.000309ΔRGB(4,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage7,4 → 7,40.000309ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage9,5 → 9,50.000309ΔRGB(3,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage9,5 → 10,50.000309ΔRGB(3,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage11,6 → 11,60.000309ΔRGB(3,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage12,7 → 12,70.000309ΔRGB(3,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage13,8 → 13,80.000309ΔRGB(3,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage14,8 → 14,80.000309ΔRGB(3,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage13,81 → 13,810.000309ΔRGB(3,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage12,82 → 12,820.000309ΔRGB(3,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage11,82 → 11,820.000309ΔRGB(3,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage9,83 → 10,830.000309ΔRGB(3,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage9,83 → 9,830.000309ΔRGB(3,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage7,84 → 7,840.000309ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage6,84 → 7,840.000309ΔRGB(4,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage5,85 → 5,850.000309ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage4,86 → 4,860.000309ΔRGB(4,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage3,87 → 3,870.000309ΔRGB(4,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage2,87 → 2,870.000309ΔRGB(4,3,3)antialiasing coverage residue on a shared outline
AntialiasCoverage174,125 → 174,1250.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage176,126 → 176,1260.000309ΔRGB(4,4,3)antialiasing coverage residue on a shared outline
AntialiasCoverage177,127 → 177,1270.000309ΔRGB(4,4,3)antialiasing coverage residue on a shared outline
AntialiasCoverage178,128 → 179,1280.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage180,129 → 180,1290.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage181,130 → 181,1300.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage182,131 → 183,1310.000309ΔRGB(2,2,1)antialiasing coverage residue on a shared outline
AntialiasCoverage184,132 → 184,1320.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage12,204 → 13,2040.000309ΔRGB(2,2,1)antialiasing coverage residue on a shared outline
AntialiasCoverage11,205 → 11,2050.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage10,206 → 10,2060.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage8,207 → 9,2070.000309ΔRGB(2,2,1)antialiasing coverage residue on a shared outline
AntialiasCoverage7,208 → 7,2080.000309ΔRGB(3,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage6,209 → 6,2090.000309ΔRGB(4,4,3)antialiasing coverage residue on a shared outline
AntialiasCoverage4,210 → 4,2100.000309ΔRGB(2,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage3,211 → 3,2110.000309ΔRGB(4,4,3)antialiasing coverage residue on a shared outline
AntialiasCoverage2,211 → 2,2110.000309ΔRGB(4,4,3)antialiasing coverage residue on a shared outline
Extra180,80 → 180,800.000154candidate adds paint absent from reference (0.000154%)
AntialiasCoverage293,0 → 293,00.000154ΔRGB(1,1,1)antialiasing coverage residue on a shared outline
AntialiasCoverage3,2 → 3,20.000154ΔRGB(3,1,2)antialiasing coverage residue on a shared outline
AntialiasCoverage3,2 → 3,20.000154ΔRGB(7,5,5)antialiasing coverage residue on a shared outline
AntialiasCoverage300,2 → 300,20.000154ΔRGB(4,3,2)antialiasing coverage residue on a shared outline
AntialiasCoverage4,2 → 4,20.000154ΔRGB(7,5,5)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-logical-cascade-writing-modes.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>logical border cascade across writing modes</title>
6<style>
7  @page { size: 360px 264px; margin: 0; }
8  html, body { width: 360px; height: 260px; background: #fff; }
9  html, body, div { box-sizing: border-box; margin: 0; padding: 0; }
10  .box { position: absolute; width: 140px; height: 88px; border: 8px solid #d9dee3; background: #f6f7f8; }
11  .horizontal { left: 24px; top: 24px; border-inline-start: 14px solid #e63946; border-left-color: #315fce; border-start-start-radius: 28px 16px; border-top-left-radius: 7px; }
12  .rtl { direction: rtl; left: 196px; top: 24px; border-right: 6px solid #2a9d8f; border-inline-start-width: 16px; border-inline-start-color: #7b2cbf; border-start-start-radius: 25px 13px; }
13  .vertical { writing-mode: vertical-lr; left: 24px; top: 148px; border-block-start: 13px solid #f4a261; border-inline-start: 11px solid #264653; border-start-start-radius: 24px 14px; }
14  .sideways { writing-mode: sideways-lr; left: 196px; top: 148px; border-block-start: 13px solid #f4a261; border-inline-start: 11px solid #264653; border-start-start-radius: 24px 14px; }
15</style>
16</head>
17<body>
18  <div class="box horizontal"></div>
19  <div class="box rtl"></div>
20  <div class="box vertical"></div>
21  <div class="box sideways"></div>
22</body>
23</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.36% · raw 0.36% (1262 px) border-per-side-colors · per-side-width-colorPASS via CSS-scale observation: sub-CSS shared-outline coverageAntialiasCoveragemissing 1.0%ΔE 14.8
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
Box with four different per-side border widths and colors.
regions (65 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr647130,0 → 200,120613total 0.3% · largest 0.3%
Missing154916,4 → 191,4549total 0.2% · largest 0.2%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage16,108 → 200,1200.3ΔRGB(-72,-53,2)antialiasing coverage residue on a shared outline
Missing16,4 → 191,40.2candidate lacks paint present in reference (0.2%)
ColorValue0,0 → 1,00.000853ΔRGB(-6,-43,-42)fill recolour ΔRGB(-6,-43,-42) (ΔE 0)
ColorValue199,0 → 200,00.000853ΔRGB(-2,-18,-18)fill recolour ΔRGB(-2,-18,-18) (ΔE 0)
ColorValue2,0 → 2,00.000853ΔRGB(-6,-43,-42)fill recolour ΔRGB(-6,-43,-42) (ΔE 0)
ColorValue199,0 → 199,00.000853ΔRGB(-2,-18,-18)fill recolour ΔRGB(-2,-18,-18) (ΔE 0)
ColorValue3,1 → 3,10.000853ΔRGB(-6,-43,-42)fill recolour ΔRGB(-6,-43,-42) (ΔE 0)
ColorValue198,1 → 198,10.000853ΔRGB(-2,-18,-18)fill recolour ΔRGB(-2,-18,-18) (ΔE 0)
AntialiasCoverage4,1 → 4,10.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage197,1 → 198,10.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage5,1 → 6,10.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage197,1 → 197,10.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage7,2 → 7,20.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage196,2 → 196,20.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage8,2 → 8,20.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage196,2 → 196,20.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage9,2 → 10,20.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage195,2 → 195,20.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage11,3 → 11,30.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage194,3 → 195,30.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage12,3 → 12,30.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage194,3 → 194,30.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage13,3 → 13,30.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage193,3 → 193,30.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage14,4 → 15,40.000853ΔRGB(-6,-43,-42)antialiasing coverage residue on a shared outline
AntialiasCoverage192,4 → 193,40.000853ΔRGB(-2,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage192,4 → 192,40.000853ΔRGB(13,81,82)antialiasing coverage residue on a shared outline
AntialiasCoverage14,109 → 15,1090.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage13,110 → 13,1100.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage12,111 → 12,1110.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage11,112 → 11,1120.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage9,113 → 10,1130.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage8,114 → 8,1140.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage7,115 → 7,1150.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage5,116 → 6,1160.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage4,116 → 4,1160.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage3,117 → 3,1170.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
AntialiasCoverage2,118 → 2,1180.000853ΔRGB(-15,-11,1)antialiasing coverage residue on a shared outline
ColorValue0,119 → 1,1190.000853ΔRGB(-15,-11,1)fill recolour ΔRGB(-15,-11,+1) (ΔE 0)
AntialiasCoverage16,4 → 16,40.000427ΔRGB(4,24,24)antialiasing coverage residue on a shared outline
AntialiasCoverage15,108 → 15,1080.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage15,108 → 15,1080.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage14,109 → 14,1090.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage14,109 → 14,1090.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage13,110 → 13,1100.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage12,110 → 12,1100.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage12,111 → 12,1110.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage11,111 → 11,1110.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage10,112 → 10,1120.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage10,112 → 10,1120.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage9,113 → 9,1130.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage9,113 → 9,1130.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage8,114 → 8,1140.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage7,114 → 7,1140.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage6,115 → 6,1150.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage6,115 → 6,1150.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage5,116 → 5,1160.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage5,116 → 5,1160.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage4,117 → 4,1170.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage4,117 → 4,1170.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage3,118 → 3,1180.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage2,118 → 2,1180.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
AntialiasCoverage1,119 → 1,1190.000427ΔRGB(-28,-20,1)antialiasing coverage residue on a shared outline
AntialiasCoverage1,119 → 1,1190.000427ΔRGB(-32,-23,2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-per-side-colors.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border per-side widths and colors</title>
6<style>
7  @page { size: 280px 128px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 120px;
14    background-color: #fafafa;
15    border-top: 4px solid #d50000;
16    border-right: 8px solid #00c853;
17    border-bottom: 12px solid #2962ff;
18    border-left: 16px solid #ff6d00;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.18% · raw 0.19% (745 px) border-rounded-per-side-width-color · rounded-per-side-width-colorPASS via CSS-scale observation: sub-CSS shared-outline coverageExtraextra 0.8%ΔE 5.5
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.8%)
Unequal side widths and colors share one normalized elliptical border ring with non-overlapping corner ownership.
regions (40 total; showing 40 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
Extra26390,0 → 180,104426total 0.2% · largest 0.2%
ColorErr381060,1 → 199,11561total 0.04% · largest 0.02%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Extra44,0 → 180,00.2candidate adds paint absent from reference (0.2%)
Extra0,36 → 0,1040.08candidate adds paint absent from reference (0.08%)
AntialiasCoverage190,104 → 198,1150.02ΔRGB(-4,-4,22)antialiasing coverage residue on a shared outline
AntialiasCoverage18,7 → 19,70.000766ΔRGB(3,10,3)antialiasing coverage residue on a shared outline
AntialiasCoverage20,8 → 20,80.000766ΔRGB(3,10,3)antialiasing coverage residue on a shared outline
AntialiasCoverage21,9 → 22,90.000766ΔRGB(3,10,3)antialiasing coverage residue on a shared outline
AntialiasCoverage23,9 → 23,90.000766ΔRGB(3,10,3)antialiasing coverage residue on a shared outline
AntialiasCoverage25,10 → 25,100.000766ΔRGB(4,9,2)antialiasing coverage residue on a shared outline
AntialiasCoverage26,11 → 27,110.000766ΔRGB(4,10,2)antialiasing coverage residue on a shared outline
AntialiasCoverage28,11 → 28,110.000766ΔRGB(4,10,2)antialiasing coverage residue on a shared outline
AntialiasCoverage29,12 → 30,120.000766ΔRGB(4,10,2)antialiasing coverage residue on a shared outline
AntialiasCoverage34,1 → 34,10.000383ΔRGB(1,4,4)antialiasing coverage residue on a shared outline
AntialiasCoverage199,6 → 199,60.000383ΔRGB(1,5,5)antialiasing coverage residue on a shared outline
AntialiasCoverage19,8 → 19,80.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage20,8 → 20,80.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage20,8 → 20,80.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage21,8 → 21,80.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage182,8 → 182,80.000383ΔRGB(-3,-13,-13)antialiasing coverage residue on a shared outline
AntialiasCoverage22,9 → 22,90.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage23,9 → 23,90.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage24,10 → 24,100.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage24,10 → 24,100.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage188,10 → 188,100.000383ΔRGB(-5,-18,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage25,10 → 25,100.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage26,10 → 26,100.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage27,11 → 27,110.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage28,11 → 28,110.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage189,11 → 189,110.000383ΔRGB(-2,-9,-9)antialiasing coverage residue on a shared outline
AntialiasCoverage28,12 → 28,120.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage29,12 → 29,120.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage190,12 → 190,120.000383ΔRGB(-2,-5,-5)antialiasing coverage residue on a shared outline
AntialiasCoverage30,12 → 30,120.000383ΔRGB(2,1,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage31,12 → 31,120.000383ΔRGB(0,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage31,12 → 31,120.000383ΔRGB(4,10,2)antialiasing coverage residue on a shared outline
AntialiasCoverage193,14 → 193,140.000383ΔRGB(-17,-10,-17)antialiasing coverage residue on a shared outline
AntialiasCoverage194,15 → 194,150.000383ΔRGB(-18,-11,-17)antialiasing coverage residue on a shared outline
AntialiasCoverage194,17 → 194,170.000383ΔRGB(-14,-9,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage196,23 → 196,230.000383ΔRGB(-17,-10,-16)antialiasing coverage residue on a shared outline
AntialiasCoverage195,97 → 195,970.000383ΔRGB(-9,-5,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage0,104 → 0,1040.000383ΔRGB(-1,-3,-4)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-rounded-per-side-width-color.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>rounded per-side border geometry</title>
6<style>
7  @page { size: 256px 160px; margin: 0; }
8  html, body { background: #ffffff; }
9  * { margin: 0; padding: 0; box-sizing: border-box; }
10  .box {
11    width: 208px;
12    height: 128px;
13    margin: 16px 24px;
14    background: #f7f7f7;
15    border-top: 8px solid #c62828;
16    border-right: 12px solid #2e7d32;
17    border-bottom: 16px solid #1565c0;
18    border-left: 20px solid #ef6c00;
19    border-radius: 44px 28px / 36px 24px;
20  }
21</style>
22</head>
23<body><div class="box"></div></body>
24</html>
PASS exact match border-collapsed-table-applicability · collapsed-table-image-radius-applicability
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Collapsed table cells ignore border-image and border-radius while their ordinary borders remain in collapsed-border conflict resolution; the collapsed table radius also has no effect.
PASS exact match border-solid-width · solid-width
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Box with a uniform 8px solid border around a light fill.
PASS exact match border-width-keywords · width-keywords
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Per-side border-width keywords thin/medium/thick.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.60% · raw 0.63% (2502 px) border-rounded-translucent-sides · rounded-translucent-side-joinsPASS via CSS-scale observation: stable same-coordinate outline phaseAntialiasCoveragemissing 0.005261%extra 0.07%ΔE 14.8
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
Translucent unequal border sides retain single-paint diagonal ownership at normalized elliptical corners without alpha-dark overlap.
regions (427 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr336232324,16 → 232,144422total 0.6% · largest 0.1%
Missing131335,34 → 69,491total 0.003250% · largest 0.000250%
Extra7816637,34 → 218,12213total 0.04% · largest 0.003250%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage70,34 → 205,340.1ΔRGB(21,129,129)antialiasing coverage residue on a shared outline
AntialiasCoverage76,16 → 204,160.1ΔRGB(4,-13,-16)antialiasing coverage residue on a shared outline
AntialiasCoverage34,51 → 34,990.04ΔRGB(0,74,129)antialiasing coverage residue on a shared outline
AntialiasCoverage24,52 → 24,960.03ΔRGB(7,-5,-16)antialiasing coverage residue on a shared outline
AntialiasCoverage31,113 → 39,1280.02ΔRGB(-7,-7,1)antialiasing coverage residue on a shared outline
AntialiasCoverage213,115 → 222,1290.02ΔRGB(-5,-6,7)antialiasing coverage residue on a shared outline
ColorValue32,32 → 40,430.02ΔRGB(-1,-8,-8)fill recolour ΔRGB(-1,-8,-8) (ΔE 0)
Extra184,122 → 188,1220.003250candidate adds paint absent from reference (0.003250%)
AntialiasCoverage217,21 → 219,230.003250ΔRGB(-1,33,34)antialiasing coverage residue on a shared outline
AntialiasCoverage37,136 → 39,1380.003250ΔRGB(27,19,-5)antialiasing coverage residue on a shared outline
ColorValue69,16 → 72,160.003000ΔRGB(10,-37,-41)fill recolour ΔRGB(+10,-37,-41) (ΔE 0)
AntialiasCoverage232,57 → 232,600.003000ΔRGB(122,56,71)antialiasing coverage residue on a shared outline
ColorValue24,100 → 24,1030.003000ΔRGB(19,-15,-41)fill recolour ΔRGB(+19,-15,-41) (ΔE 0)
AntialiasCoverage183,144 → 187,1440.003000ΔRGB(60,42,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage31,32 → 32,340.002500ΔRGB(25,-8,-21)antialiasing coverage residue on a shared outline
AntialiasCoverage224,126 → 225,1270.002500ΔRGB(92,39,53)antialiasing coverage residue on a shared outline
Extra218,58 → 218,600.002250candidate adds paint absent from reference (0.002250%)
AntialiasCoverage222,27 → 223,280.002250ΔRGB(-1,-4,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage66,34 → 69,340.002250ΔRGB(16,96,96)antialiasing coverage residue on a shared outline
AntialiasCoverage209,36 → 211,370.002250ΔRGB(5,27,27)antialiasing coverage residue on a shared outline
ColorValue44,22 → 46,230.002000ΔRGB(10,-37,-41)fill recolour ΔRGB(+10,-37,-41) (ΔE 0)
AntialiasCoverage221,29 → 222,300.002000ΔRGB(-1,-10,-10)antialiasing coverage residue on a shared outline
AntialiasCoverage34,29 → 36,300.002000ΔRGB(15,-9,-10)antialiasing coverage residue on a shared outline
AntialiasCoverage219,32 → 220,330.002000ΔRGB(-1,-10,-10)antialiasing coverage residue on a shared outline
AntialiasCoverage216,35 → 217,360.002000ΔRGB(-1,-10,-10)antialiasing coverage residue on a shared outline
AntialiasCoverage214,37 → 215,390.002000ΔRGB(-1,-10,-10)antialiasing coverage residue on a shared outline
AntialiasCoverage220,130 → 221,1310.002000ΔRGB(79,55,-5)antialiasing coverage residue on a shared outline
AntialiasCoverage210,137 → 211,1370.002000ΔRGB(60,42,-12)antialiasing coverage residue on a shared outline
Extra189,121 → 191,1210.001750candidate adds paint absent from reference (0.001750%)
ColorValue66,16 → 68,160.001750ΔRGB(10,-37,-41)fill recolour ΔRGB(+10,-37,-41) (ΔE 0)
ColorValue24,48 → 24,500.001750ΔRGB(19,-15,-41)fill recolour ΔRGB(+19,-15,-41) (ΔE 0)
AntialiasCoverage231,54 → 231,560.001750ΔRGB(75,33,43)antialiasing coverage residue on a shared outline
ColorValue24,104 → 24,1060.001750ΔRGB(19,-15,-41)fill recolour ΔRGB(+19,-15,-41) (ΔE 0)
AntialiasCoverage232,110 → 232,1120.001750ΔRGB(122,56,71)antialiasing coverage residue on a shared outline
AntialiasCoverage188,143 → 189,1430.001750ΔRGB(60,42,-12)antialiasing coverage residue on a shared outline
Extra192,121 → 194,1210.001500candidate adds paint absent from reference (0.001500%)
ColorValue205,16 → 207,160.001500ΔRGB(10,-19,-21)fill recolour ΔRGB(+10,-19,-21) (ΔE 0)
AntialiasCoverage215,20 → 216,200.001500ΔRGB(1,12,12)antialiasing coverage residue on a shared outline
ColorValue48,21 → 50,210.001500ΔRGB(11,-24,-27)fill recolour ΔRGB(+11,-24,-27) (ΔE 0)
AntialiasCoverage220,24 → 220,250.001500ΔRGB(1,12,12)antialiasing coverage residue on a shared outline
AntialiasCoverage220,30 → 220,310.001500ΔRGB(-2,-8,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage218,33 → 218,340.001500ΔRGB(-2,-8,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage226,34 → 226,350.001500ΔRGB(22,11,13)antialiasing coverage residue on a shared outline
AntialiasCoverage64,35 → 65,350.001500ΔRGB(16,96,96)antialiasing coverage residue on a shared outline
AntialiasCoverage215,36 → 216,370.001500ΔRGB(-2,-8,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage213,39 → 214,400.001500ΔRGB(-2,-8,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage26,41 → 26,420.001500ΔRGB(19,-12,-35)antialiasing coverage residue on a shared outline
AntialiasCoverage37,44 → 38,440.001500ΔRGB(0,70,122)antialiasing coverage residue on a shared outline
AntialiasCoverage34,100 → 34,1020.001500ΔRGB(0,55,96)antialiasing coverage residue on a shared outline
AntialiasCoverage229,118 → 230,1190.001500ΔRGB(80,35,46)antialiasing coverage residue on a shared outline
AntialiasCoverage29,124 → 30,1260.001500ΔRGB(1,-1,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage35,134 → 36,1350.001500ΔRGB(10,7,0)antialiasing coverage residue on a shared outline
AntialiasCoverage206,139 → 207,1390.001500ΔRGB(69,48,-11)antialiasing coverage residue on a shared outline
AntialiasCoverage40,139 → 41,1400.001500ΔRGB(10,7,0)antialiasing coverage residue on a shared outline
AntialiasCoverage49,144 → 50,1440.001500ΔRGB(48,34,-6)antialiasing coverage residue on a shared outline
Extra217,55 → 217,570.001250candidate adds paint absent from reference (0.001250%)
Extra194,121 → 196,1210.001250candidate adds paint absent from reference (0.001250%)
ColorValue64,17 → 65,170.001250ΔRGB(10,-37,-41)fill recolour ΔRGB(+10,-37,-41) (ΔE 0)
ColorValue62,17 → 63,170.001250ΔRGB(10,-37,-41)fill recolour ΔRGB(+10,-37,-41) (ΔE 0)
ColorValue60,17 → 62,170.001250ΔRGB(10,-37,-41)fill recolour ΔRGB(+10,-37,-41) (ΔE 0)
AntialiasCoverage206,35 → 207,350.001250ΔRGB(2,14,14)antialiasing coverage residue on a shared outline
AntialiasCoverage61,35 → 63,350.001250ΔRGB(16,96,96)antialiasing coverage residue on a shared outline
AntialiasCoverage60,35 → 61,350.001250ΔRGB(16,96,96)antialiasing coverage residue on a shared outline
AntialiasCoverage231,50 → 231,510.001250ΔRGB(75,33,43)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-rounded-translucent-sides.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>rounded translucent border side joins</title>
6<style>
7  @page { size: 256px 160px; margin: 0; }
8  html, body { background: #d7dee8; }
9  * { margin: 0; padding: 0; box-sizing: border-box; }
10  .box {
11    width: 208px;
12    height: 128px;
13    margin: 16px 24px;
14    background: #ffffff;
15    border-width: 18px 14px 22px 10px;
16    border-style: solid;
17    border-color: rgba(213, 0, 0, .58) rgba(0, 121, 107, .58)
18                  rgba(41, 98, 255, .58) rgba(255, 109, 0, .58);
19    border-radius: 52px 28px / 36px 48px;
20  }
21</style>
22</head>
23<body><div class="box"></div></body>
24</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.41% · raw 0.42% (1146 px) border-color-four-value-shorthand · four-value-shorthandPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 14.0
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
border-color four-value shorthand assigns a distinct color to each side; catches single-color shorthand parsing.
regions (110 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr11011460,0 → 130,90555total 1.0% · largest 0.5%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage0,78 → 130,900.5ΔRGB(-65,-33,-64)antialiasing coverage residue on a shared outline
AntialiasCoverage0,0 → 130,120.4ΔRGB(-9,-69,-70)antialiasing coverage residue on a shared outline
AntialiasCoverage1,1 → 1,10.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
ColorValue129,1 → 129,10.000871ΔRGB(-3,-26,-27)fill recolour ΔRGB(-3,-26,-27) (ΔE 0)
AntialiasCoverage1,1 → 1,10.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
ColorValue129,1 → 129,10.000871ΔRGB(-3,-26,-27)fill recolour ΔRGB(-3,-26,-27) (ΔE 0)
AntialiasCoverage1,1 → 1,10.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage129,1 → 129,10.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage2,2 → 2,20.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage128,2 → 128,20.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage2,2 → 2,20.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage128,2 → 128,20.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage2,2 → 2,20.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage128,2 → 128,20.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage3,3 → 3,30.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage127,3 → 127,30.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage3,3 → 3,30.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage127,3 → 127,30.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage3,3 → 3,30.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage127,3 → 127,30.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage4,4 → 4,40.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage126,4 → 126,40.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage4,4 → 4,40.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage126,4 → 126,40.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage4,4 → 4,40.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage126,4 → 126,40.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage4,4 → 4,40.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage125,4 → 125,40.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage5,5 → 5,50.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage125,5 → 125,50.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage5,5 → 5,50.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage125,5 → 125,50.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage5,5 → 5,50.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage124,5 → 124,50.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage6,6 → 6,60.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage124,6 → 124,60.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage6,6 → 6,60.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage124,6 → 124,60.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage6,6 → 6,60.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage124,6 → 124,60.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage7,7 → 7,70.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage123,7 → 123,70.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage7,7 → 7,70.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage123,7 → 123,70.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage7,7 → 7,70.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage123,7 → 123,70.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage8,8 → 8,80.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage122,8 → 122,80.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage8,8 → 8,80.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage122,8 → 122,80.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage8,8 → 8,80.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage122,8 → 122,80.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage9,9 → 9,90.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage121,9 → 121,90.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage9,9 → 9,90.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage121,9 → 121,90.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage9,9 → 9,90.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage121,9 → 121,90.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage10,10 → 10,100.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage120,10 → 120,100.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage10,10 → 10,100.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage120,10 → 120,100.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage10,10 → 10,100.000871ΔRGB(-4,-27,-27)antialiasing coverage residue on a shared outline
AntialiasCoverage120,10 → 120,100.000871ΔRGB(-3,-26,-27)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-color-four-value-shorthand.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border color four value shorthand</title>
6<style>
7  @page { size: 192px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 130px;
13    height: 90px;
14    margin: 20px;
15    border-style: solid;
16    border-width: 12px;
17    border-color: #e53935 #1e88e5 #43a047 #fdd835;
18    background: #ffffff;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.02% · raw 0.02% (76 px) border-color-transparent · transparent-sidePASS via raw same-coordinate visibility policyAntialiasCoverageΔE 7.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: antialiasing coverage residue on a shared outline
border-color transparent on one side, solid on the rest.
regions (76 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr76760,108 → 200,1201total 0.03% · largest 0.000427%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage12,108 → 12,1080.000427ΔRGB(-32,-18,-20)antialiasing coverage residue on a shared outline
AntialiasCoverage188,108 → 188,1080.000427ΔRGB(-39,-22,-25)antialiasing coverage residue on a shared outline
ColorValue12,108 → 12,1080.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue188,108 → 188,1080.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue11,108 → 11,1080.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue188,108 → 188,1080.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue11,109 → 11,1090.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue189,109 → 189,1090.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue11,109 → 11,1090.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue189,109 → 189,1090.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue10,109 → 10,1090.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue189,109 → 189,1090.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue10,110 → 10,1100.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue190,110 → 190,1100.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue10,110 → 10,1100.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue190,110 → 190,1100.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue9,110 → 9,1100.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue190,110 → 190,1100.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue9,111 → 9,1110.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue191,111 → 191,1110.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue9,111 → 9,1110.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue191,111 → 191,1110.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue8,111 → 8,1110.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue191,111 → 191,1110.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue8,112 → 8,1120.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue192,112 → 192,1120.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue8,112 → 8,1120.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue192,112 → 192,1120.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue7,112 → 7,1120.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue192,112 → 192,1120.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue7,113 → 7,1130.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue193,113 → 193,1130.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue7,113 → 7,1130.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue193,113 → 193,1130.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue6,113 → 6,1130.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue193,113 → 193,1130.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue6,114 → 6,1140.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue194,114 → 194,1140.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue6,114 → 6,1140.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue194,114 → 194,1140.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue5,114 → 5,1140.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue194,114 → 194,1140.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue5,115 → 5,1150.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue195,115 → 195,1150.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue5,115 → 5,1150.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue195,115 → 195,1150.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue4,115 → 4,1150.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue195,115 → 195,1150.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue4,116 → 4,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue196,116 → 196,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue4,116 → 4,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue196,116 → 196,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue4,116 → 4,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue196,116 → 196,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue3,116 → 3,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue196,116 → 196,1160.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue3,117 → 3,1170.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue197,117 → 197,1170.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue3,117 → 3,1170.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue197,117 → 197,1170.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue2,117 → 2,1170.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue197,117 → 197,1170.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue2,118 → 2,1180.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
ColorValue198,118 → 198,1180.000427ΔRGB(-34,-20,-21)fill recolour ΔRGB(-34,-20,-21) (ΔE 0)
source · cases/backgrounds-borders/border-color-transparent.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-color transparent top, solid others</title>
6<style>
7  @page { size: 280px 128px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 120px;
14    background-color: #ffffff;
15    border: 12px solid #00695c;
16    border-top-color: transparent;
17  }
18</style>
19</head>
20<body>
21  <div class="box"></div>
22</body>
23</html>
PASS exact match border-color-currentcolor · currentcolor
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-color currentColor resolves to the element color.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.12% · raw 10.20% (101987 px) border-image-background-nested-inline · background-coexistence-nested-replacedPASS via raw same-coordinate visibility policyColorValueΔE 0.4
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: fill colour differs (ΔE 0.4)
A border image remains independent from a background gradient and replaces the red fallback border on block, nested-block, and replaced raster-image paths. Catches computed-style source collisions and child paint paths that bypass the shared border decoration pipeline.
regions (219 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr2191019870,0 → 280,19333038total 18.1% · largest 5.9% · max ΔE 0.8

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue8,0 → 280,265.9ΔE 0.3fill colour differs (ΔE 0.3)
ColorValue164,32 → 280,503.1ΔE 0.4fill colour differs (ΔE 0.4)
ColorValue8,53 → 280,551.1ΔE 0.4 ΔRGB(1,0,0)fill recolour ΔRGB(+1,+0,+0) (ΔE 0.4)
ColorValue8,56 → 280,581.1ΔE 0.4 ΔRGB(-1,0,0)fill recolour ΔRGB(-1,+0,+0) (ΔE 0.4)
ColorValue8,61 → 280,631.1ΔE 0.3fill colour differs (ΔE 0.3)
ColorValue8,58 → 280,601.0ΔE 0.4 ΔRGB(-1,0,1)fill recolour ΔRGB(-1,+0,+1) (ΔE 0.4)
ColorValue164,50 → 280,520.5ΔE 0.4fill colour differs (ΔE 0.4)
ColorValue164,26 → 280,280.5ΔE 0.3fill colour differs (ΔE 0.3)
ColorValue19,95 → 32,1290.4ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue164,29 → 280,310.4ΔE 0.3fill colour differs (ΔE 0.3)
ColorValue8,32 → 20,500.3ΔE 0.4fill colour differs (ΔE 0.4)
ColorValue37,95 → 48,1290.3ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue51,95 → 57,1290.3ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue77,95 → 83,1290.2ΔE 0.5fill colour differs (ΔE 0.5)
AntialiasCoverage8,63 → 280,720.2ΔE 0.07 ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
ColorValue64,95 → 69,1290.2ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue13,95 → 19,1290.2ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue69,95 → 73,1290.1ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue7,95 → 11,1290.1ΔE 0.5 ΔRGB(1,1,1)fill recolour ΔRGB(+1,+1,+1) (ΔE 0.5)
ColorValue85,95 → 89,1290.1ΔE 0.2 ΔRGB(-1,-1,-1)fill recolour ΔRGB(-1,-1,-1) (ΔE 0.2)
AntialiasCoverage7,159 → 57,1930.09ΔRGB(42,-12,68)antialiasing coverage residue on a shared outline
ColorValue83,95 → 85,1290.07ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue35,95 → 37,1290.07ΔE 0.5fill colour differs (ΔE 0.5)
AntialiasCoverage63,95 → 64,1290.06ΔE 0.2 ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
ColorValue8,50 → 21,520.05ΔE 0.4fill colour differs (ΔE 0.4)
ColorValue8,26 → 20,280.05ΔE 0.3 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.3)
AntialiasCoverage32,95 → 33,1290.05ΔE 0.2 ΔRGB(0,-1,-1)antialiasing coverage residue on a shared outline
ColorValue8,29 → 20,310.04ΔE 0.3fill colour differs (ΔE 0.3)
ColorValue48,104 → 51,1150.03ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue48,115 → 51,1250.03ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue72,101 → 77,1090.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue72,117 → 77,1250.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue72,107 → 77,1150.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue72,96 → 77,1040.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue72,112 → 77,1200.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue48,95 → 51,1040.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue11,119 → 13,1280.02ΔE 0.5 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.5)
ColorValue11,98 → 13,1070.02ΔE 0.5 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.5)
ColorValue11,108 → 13,1170.02ΔE 0.5 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.5)
ColorValue72,123 → 77,1290.02ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue45,117 → 48,1230.01ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue45,107 → 48,1120.01ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue45,96 → 48,1010.01ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue48,125 → 51,1290.01ΔE 0.8fill colour differs (ΔE 0.8)
ColorValue75,95 → 77,990.01ΔE 0.8 ΔRGB(-1,0,-1)fill recolour ΔRGB(-1,+0,-1) (ΔE 0.8)
ColorValue13,96 → 15,990.008510ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue13,123 → 15,1250.007801ΔE 0.5fill colour differs (ΔE 0.5)
ColorValue30,127 → 32,1280.007092ΔE 0.5 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.5)
ColorValue30,106 → 32,1070.005673ΔE 0.5 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.5)
ColorValue30,116 → 32,1170.005673ΔE 0.5 ΔRGB(0,0,1)fill recolour ΔRGB(+0,+0,+1) (ΔE 0.5)
ColorValue19,103 → 20,1040.004432ΔE 0.8 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.8)
ColorValue19,127 → 20,1280.004432ΔE 0.8 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.8)
ColorValue46,127 → 48,1280.004432ΔE 0.8 ΔRGB(1,0,1)fill recolour ΔRGB(+1,+0,+1) (ΔE 0.8)
AntialiasCoverage30,95 → 32,960.004255ΔE 0.5 ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage0,95 → 7,950.003901ΔE 0.3 ΔRGB(0,2,1)antialiasing coverage residue on a shared outline
AntialiasCoverage89,95 → 96,950.003901ΔE 0.3 ΔRGB(0,2,1)antialiasing coverage residue on a shared outline
ColorValue19,106 → 20,1070.003546ΔE 0.8 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.8)
ColorValue46,106 → 48,1070.003546ΔE 0.8 ΔRGB(1,0,1)fill recolour ΔRGB(+1,+0,+1) (ΔE 0.8)
ColorValue19,114 → 20,1150.003546ΔE 0.8 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.8)
ColorValue19,116 → 20,1170.003546ΔE 0.8 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.8)
ColorValue46,116 → 48,1170.003546ΔE 0.8 ΔRGB(1,0,1)fill recolour ΔRGB(+1,+0,+1) (ΔE 0.8)
ColorValue19,124 → 20,1250.003546ΔE 0.8 ΔRGB(0,-1,0)fill recolour ΔRGB(+0,-1,+0) (ΔE 0.8)
AntialiasCoverage156,51 → 160,520.003014ΔE 0.3 ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
ColorValue60,104 → 61,1050.002837ΔE 0.5 ΔRGB(-1,0,0)fill recolour ΔRGB(-1,+0,+0) (ΔE 0.5)
source · cases/backgrounds-borders/border-image-background-nested-inline.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border image background nested and replaced elements</title>
6<style>
7  @page { size: 320px 320px; margin: 0; }
8  html, body { background: #fff; }
9  * { box-sizing: border-box; margin: 0; padding: 0; }
10  body { padding: 16px; }
11  .outer {
12    width: 288px;
13    height: 72px;
14    padding: 12px;
15    background: linear-gradient(to bottom, #fff3b0, #90e0ef);
16    border: 8px solid #d00000;
17    border-image: linear-gradient(to right, #7209b7, #f72585, #4cc9f0) 1;
18  }
19  .inner {
20    width: 144px;
21    height: 32px;
22    background: #f8f9fa;
23    border: 6px solid #ff0000;
24    border-image: linear-gradient(135deg, #2a9d8f, #ffbe0b) 1;
25  }
26  .item {
27    width: 96px;
28    height: 48px;
29    margin-top: 16px;
30    background: linear-gradient(to right, #e9ecef, #ced4da);
31    border: 7px solid #ff0000;
32    border-image: linear-gradient(to bottom, #3a0ca3, #4cc9f0) 1;
33  }
34  img {
35    display: block;
36    width: 64px;
37    height: 48px;
38    margin-top: 16px;
39    background: #f1faee;
40    border: 7px solid #ff0000;
41    border-image: linear-gradient(to right, #e63946, #457b9d) 1;
42  }
43</style>
44</head>
45<body>
46  <div class="outer"><div class="inner"></div></div>
47  <div class="item"></div>
48  <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAIAAAA8r+mnAAAAIElEQVR42mM4IScHR3I9NnDEgFNCzu0EHN1ZJQJHOCUAni4lgeO2HLIAAAAASUVORK5CYII=">
49</body>
50</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.90% · raw 3.07% (24173 px) border-image-fill-axis-repeat · center-fill-independent-axis-repeatPASS via CSS-scale observation: sub-CSS shared-outline coverageColorValuemissing 0.001208%extra 0.001208%ΔE 0.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw fill colour differs (ΔE 0.7)
The preserved center slice paints above the background while horizontal and vertical border-image-repeat modes independently apply round, repeat, stretch, and space tiling.
regions (15 total; showing 15 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr5241630,0 → 312,18915465total 4.2% · largest 2.7% · max ΔE 1.3
Extra55208,17 → 208,1211total 0.000865% · largest 0.000173%
Missing55208,33 → 208,1371total 0.000865% · largest 0.000173%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue208,69 → 312,1892.7ΔE 0.4fill colour differs (ΔE 0.4)
ColorValue208,0 → 312,691.3ΔE 1.3 ΔRGB(0,-1,-1)fill recolour ΔRGB(+0,-1,-1) (ΔE 1.3)
AntialiasCoverage0,8 → 176,1360.2ΔRGB(22,1,-16)antialiasing coverage residue on a shared outline
AntialiasCoverage0,120 → 0,1360.008827ΔRGB(115,184,55)antialiasing coverage residue on a shared outline
Missing208,33 → 208,330.000173candidate lacks paint present in reference (0.000173%)
Missing208,51 → 208,510.000173candidate lacks paint present in reference (0.000173%)
Missing208,68 → 208,680.000173candidate lacks paint present in reference (0.000173%)
Missing208,120 → 208,1200.000173candidate lacks paint present in reference (0.000173%)
Missing208,137 → 208,1370.000173candidate lacks paint present in reference (0.000173%)
Extra208,17 → 208,170.000173candidate adds paint absent from reference (0.000173%)
Extra208,35 → 208,350.000173candidate adds paint absent from reference (0.000173%)
Extra208,52 → 208,520.000173candidate adds paint absent from reference (0.000173%)
Extra208,104 → 208,1040.000173candidate adds paint absent from reference (0.000173%)
Extra208,121 → 208,1210.000173candidate adds paint absent from reference (0.000173%)
AntialiasCoverage16,120 → 16,1200.000173ΔRGB(4,-7,-2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-fill-axis-repeat.html
1<!doctype html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image fill and independent axis repeats</title>
6<style>
7  @page { size: 360px 224px; margin: 0; }
8  html, body { width: 360px; height: 224px; margin: 0; padding: 0; background: #fff; }
9  * { box-sizing: border-box; margin: 0; padding: 0; }
10  .box {
11    position: absolute;
12    border: 16px solid #d00000;
13    background: #edf2f4;
14    border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAeUExUReY5Rv++C0V7nSqdj8202/SiYXssvwbWoCZGU////zsroH4AAAABYktHRAnx2aXsAAAAB3RJTUUH6gcWAwgai6SLPAAAAChJREFUGNNjYAABQRBQAgGGwcY3BgEXEAgFgUHHTwOBchDoAIHBxgcAV5p3ifEnFCkAAAAASUVORK5CYII=");
15    border-image-slice: 10 fill;
16    border-image-width: 16px;
17  }
18  .round-repeat {
19    left: 16px;
20    top: 24px;
21    width: 176px;
22    height: 128px;
23    border-image-repeat: round repeat;
24  }
25  .stretch-space {
26    left: 224px;
27    top: 16px;
28    width: 104px;
29    height: 188.8px;
30    border-image-repeat: stretch space;
31  }
32</style>
33</head>
34<body>
35  <div class="box round-repeat"></div>
36  <div class="box stretch-space"></div>
37</body>
38</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.92% · raw 0.92% (2580 px) border-image-space-horizontal · space-horizontal-stretch-verticalPASS via CSS-scale observation: stable same-coordinate outline phaseExtramissing 0.005166%extra 0.2%ΔE 24.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.2%)
border-image-repeat: space stretch keeps five whole proportional top and bottom edge tiles and equalizes the surplus before, between, and after them, while side slices remain stretched. Catches background-repeat-style edge-flush spacing or partial edge tiles.
regions (60 total; showing 60 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
Extra42790,0 → 192,72251total 0.2% · largest 0.2%
ColorErr5122948,0 → 184,72225total 1.7% · largest 0.2%
Missing5743,0 → 149,02total 0.005154% · largest 0.001472%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Extra0,0 → 8,720.2candidate adds paint absent from reference (0.2%)
AntialiasCoverage184,0 → 184,720.2ΔRGB(-25,-12,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage15,0 → 15,80.06ΔRGB(25,133,-59)antialiasing coverage residue on a shared outline
AntialiasCoverage39,0 → 39,80.06ΔRGB(-27,34,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage119,0 → 119,80.06ΔRGB(25,133,-59)antialiasing coverage residue on a shared outline
AntialiasCoverage143,0 → 143,80.06ΔRGB(-27,34,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage15,64 → 15,720.06ΔRGB(25,133,-59)antialiasing coverage residue on a shared outline
AntialiasCoverage39,64 → 39,720.06ΔRGB(-27,34,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage119,64 → 119,720.06ΔRGB(25,133,-59)antialiasing coverage residue on a shared outline
AntialiasCoverage143,64 → 143,720.06ΔRGB(-27,34,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage27,0 → 27,80.04ΔRGB(-162,-58,146)antialiasing coverage residue on a shared outline
AntialiasCoverage84,0 → 84,80.04ΔRGB(25,133,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage131,0 → 131,80.04ΔRGB(-162,-58,146)antialiasing coverage residue on a shared outline
AntialiasCoverage11,64 → 11,720.04ΔRGB(-3,-67,-58)antialiasing coverage residue on a shared outline
AntialiasCoverage27,64 → 27,720.04ΔRGB(-162,-58,146)antialiasing coverage residue on a shared outline
AntialiasCoverage43,64 → 43,720.04ΔRGB(199,93,95)antialiasing coverage residue on a shared outline
AntialiasCoverage84,64 → 84,720.04ΔRGB(25,133,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage115,64 → 115,720.04ΔRGB(-3,-67,-58)antialiasing coverage residue on a shared outline
AntialiasCoverage131,64 → 131,720.04ΔRGB(-162,-58,146)antialiasing coverage residue on a shared outline
AntialiasCoverage147,64 → 147,720.04ΔRGB(199,93,95)antialiasing coverage residue on a shared outline
AntialiasCoverage11,0 → 11,80.04ΔRGB(-8,-69,-64)antialiasing coverage residue on a shared outline
AntialiasCoverage115,0 → 115,80.04ΔRGB(-8,-69,-64)antialiasing coverage residue on a shared outline
AntialiasCoverage43,0 → 43,80.04ΔRGB(199,93,95)antialiasing coverage residue on a shared outline
AntialiasCoverage147,0 → 147,80.04ΔRGB(199,93,95)antialiasing coverage residue on a shared outline
Extra184,0 → 192,00.02candidate adds paint absent from reference (0.02%)
AntialiasCoverage49,0 → 49,80.02ΔRGB(-6,-33,15)antialiasing coverage residue on a shared outline
AntialiasCoverage61,0 → 61,80.02ΔRGB(-24,-9,19)antialiasing coverage residue on a shared outline
AntialiasCoverage73,0 → 73,80.02ΔRGB(14,-17,7)antialiasing coverage residue on a shared outline
AntialiasCoverage77,0 → 77,80.02ΔRGB(-69,-32,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage96,0 → 96,80.02ΔRGB(-93,-34,73)antialiasing coverage residue on a shared outline
AntialiasCoverage108,0 → 108,80.02ΔRGB(-23,30,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage153,0 → 153,80.02ΔRGB(-6,-33,15)antialiasing coverage residue on a shared outline
AntialiasCoverage165,0 → 165,80.02ΔRGB(-24,-9,19)antialiasing coverage residue on a shared outline
AntialiasCoverage177,0 → 177,80.02ΔRGB(14,-17,7)antialiasing coverage residue on a shared outline
AntialiasCoverage181,0 → 181,80.02ΔRGB(-69,-32,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage45,64 → 45,720.02ΔRGB(4,69,60)antialiasing coverage residue on a shared outline
AntialiasCoverage49,64 → 49,720.02ΔRGB(-6,-33,15)antialiasing coverage residue on a shared outline
AntialiasCoverage61,64 → 61,720.02ΔRGB(-24,-9,19)antialiasing coverage residue on a shared outline
AntialiasCoverage73,64 → 73,720.02ΔRGB(14,-17,7)antialiasing coverage residue on a shared outline
AntialiasCoverage77,64 → 77,720.02ΔRGB(-69,-32,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage80,64 → 80,720.02ΔRGB(2,25,22)antialiasing coverage residue on a shared outline
AntialiasCoverage96,64 → 96,720.02ΔRGB(-93,-34,73)antialiasing coverage residue on a shared outline
AntialiasCoverage108,64 → 108,720.02ΔRGB(-23,30,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage149,64 → 149,720.02ΔRGB(4,69,60)antialiasing coverage residue on a shared outline
AntialiasCoverage153,64 → 153,720.02ΔRGB(-6,-33,15)antialiasing coverage residue on a shared outline
AntialiasCoverage165,64 → 165,720.02ΔRGB(-24,-9,19)antialiasing coverage residue on a shared outline
AntialiasCoverage177,64 → 177,720.02ΔRGB(14,-17,7)antialiasing coverage residue on a shared outline
AntialiasCoverage181,64 → 181,720.02ΔRGB(-69,-32,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage8,0 → 8,80.02ΔRGB(-24,12,9)antialiasing coverage residue on a shared outline
AntialiasCoverage45,0 → 45,80.02ΔRGB(4,69,60)antialiasing coverage residue on a shared outline
AntialiasCoverage80,0 → 80,80.02ΔRGB(2,25,22)antialiasing coverage residue on a shared outline
AntialiasCoverage149,0 → 149,80.02ΔRGB(4,69,60)antialiasing coverage residue on a shared outline
AntialiasCoverage8,64 → 8,720.02ΔRGB(-24,12,9)antialiasing coverage residue on a shared outline
Missing43,0 → 43,00.001472candidate lacks paint present in reference (0.001472%)
Missing147,0 → 147,00.001472candidate lacks paint present in reference (0.001472%)
Missing45,0 → 45,00.000736candidate lacks paint present in reference (0.000736%)
Missing80,0 → 80,00.000736candidate lacks paint present in reference (0.000736%)
Missing149,0 → 149,00.000736candidate lacks paint present in reference (0.000736%)
Extra11,0 → 11,00.000736candidate adds paint absent from reference (0.000736%)
Extra115,0 → 115,00.000736candidate adds paint absent from reference (0.000736%)
source · cases/backgrounds-borders/border-image-space-horizontal.html
1<!doctype html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image horizontal space</title>
6<style>
7@page{size:240px 120px;margin:0}
8html{font-family:ParitySans;line-height:1.5}
9*{margin:0;box-sizing:border-box}
10html,body{background:#fff}
11body{padding:24px}
12.box{
13  width:192px;
14  height:72px;
15  border:8px solid transparent;
16  background:#f1faee;
17  border-image:linear-gradient(to right,#e63946 0 25%,#ffbe0b 25% 50%,#457b9d 50% 75%,#2a9d8f 75% 100%) 32 / 1 / 0 space stretch;
18}
19</style>
20</head>
21<body><div class="box"></div></body>
22</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.57% · raw 0.58% (4387 px) border-image-source-families · raster-svg-radial-conic-order-independent-shorthandPASS via raw same-coordinate visibility policyColorValueΔE 1.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: fill recolour ΔRGB(+7,+2,+27) (ΔE 1.7)
Four border images use a raster data URL, SVG data URL, radial gradient, and conic gradient. The conic source appears after the slice and width components, exercising the order-independent shorthand grammar. Every source replaces the magenta fallback border and passes through the same nine-slice painter.
regions (22 total; showing 22 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr2243870,0 → 252,2081037total 0.8% · largest 0.2% · max ΔE 1.7

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue6,120 → 25,1960.2ΔRGB(-21,-14,41)fill recolour ΔRGB(-21,-14,+41) (ΔE 0)
ColorValue96,120 → 114,1960.1ΔE 1.7 ΔRGB(25,6,-47)fill recolour ΔRGB(+25,+6,-47) (ΔE 1.7)
ColorValue48,120 → 73,1320.09ΔE 1.7 ΔRGB(-22,-5,43)fill recolour ΔRGB(-22,-5,+43) (ΔE 1.7)
ColorValue49,197 → 71,2080.06ΔE 1.7 ΔRGB(12,3,-22)fill recolour ΔRGB(+12,+3,-22) (ΔE 1.7)
AntialiasCoverage0,0 → 0,880.05ΔRGB(171,171,171)antialiasing coverage residue on a shared outline
AntialiasCoverage12,0 → 12,880.05ΔRGB(30,111,31)antialiasing coverage residue on a shared outline
AntialiasCoverage108,0 → 108,880.05ΔRGB(16,25,64)antialiasing coverage residue on a shared outline
AntialiasCoverage98,132 → 108,1960.04ΔRGB(4,-54,-83)antialiasing coverage residue on a shared outline
ColorValue0,132 → 0,1960.04ΔRGB(-15,-3,29)fill recolour ΔRGB(-15,-3,+29) (ΔE 0)
ColorValue97,197 → 109,2080.04ΔE 1.7 ΔRGB(30,8,-57)fill recolour ΔRGB(+30,+8,-57) (ΔE 1.7)
ColorValue12,197 → 23,2080.03ΔRGB(2,0,-2)fill recolour ΔRGB(+2,+0,-2) (ΔE 0)
AntialiasCoverage204,0 → 204,120.007067ΔRGB(-161,66,87)antialiasing coverage residue on a shared outline
AntialiasCoverage204,76 → 204,880.007067ΔRGB(213,33,-132)antialiasing coverage residue on a shared outline
ColorValue151,132 → 156,1320.003161ΔE 0.2 ΔRGB(1,-1,-1)fill recolour ΔRGB(+1,-1,-1) (ΔE 0.2)
AntialiasCoverage252,202 → 252,2040.001116ΔE 0.4 ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage252,120 → 252,1210.000744ΔE 0.4 ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage252,207 → 252,2080.000372ΔRGB(0,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage252,12 → 252,120.000186ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage60,196 → 60,1960.000186ΔRGB(-3,35,53)antialiasing coverage residue on a shared outline
AntialiasCoverage156,196 → 156,1960.000186ΔRGB(-1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage252,196 → 252,1960.000186ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage60,208 → 60,2080.000186ΔRGB(24,42,1)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-source-families.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border image source families</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    position: absolute;
12    width: 120px;
13    height: 88px;
14    border: 12px solid #ff00ff;
15    background: #f1f3f5;
16  }
17  .raster {
18    left: 16px;
19    top: 16px;
20    border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAIAAAA8r+mnAAAAIElEQVR42mM4IScHR3I9NnDEgFNCzu0EHN1ZJQJHOCUAni4lgeO2HLIAAAAASUVORK5CYII=") 1 stretch;
21  }
22  .svg {
23    left: 160px;
24    top: 16px;
25    border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Crect width='15' height='15' fill='%23e63946'/%3E%3Crect x='15' width='15' height='15' fill='%23457b9d'/%3E%3Crect y='15' width='15' height='15' fill='%232a9d8f'/%3E%3Crect x='15' y='15' width='15' height='15' fill='%23ffbe0b'/%3E%3C/svg%3E") 10 / 12px stretch;
26  }
27  .radial {
28    left: 16px;
29    top: 136px;
30    border-image: radial-gradient(circle, #ffbe0b 0 35%, #fb5607 36% 65%, #8338ec 66%) 18% / 12px round;
31  }
32  .conic {
33    left: 160px;
34    top: 136px;
35    border-image: 1 / 12px conic-gradient(from 45deg, #3a86ff, #06d6a0, #ff006e, #3a86ff) stretch;
36  }
37</style>
38</head>
39<body>
40  <div class="box raster"></div>
41  <div class="box svg"></div>
42  <div class="box radial"></div>
43  <div class="box conic"></div>
44</body>
45</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.21% · raw 0.26% (968 px) border-image-unavailable-source-fallback · unavailable-source-fallbackPASS via CSS-scale observation: stable same-coordinate outline phaseExtramissing 0.000677%extra 0.4%ΔE 1.5
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.4%)
An unavailable border-image source falls back to the authored per-side border colors, widths, and radii instead of suppressing the border or painting a placeholder.
regions (127 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr1243790,0 → 160,9656total 0.3% · largest 0.04%
Extra25880,0 → 148,88388total 0.4% · largest 0.3%
Missing11160,78 → 160,781total 0.000663% · largest 0.000663%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Extra24,0 → 148,00.3candidate adds paint absent from reference (0.3%)
Extra0,24 → 0,880.1candidate adds paint absent from reference (0.1%)
AntialiasCoverage142,85 → 153,920.04ΔRGB(-1,-11,-8)antialiasing coverage residue on a shared outline
AntialiasCoverage153,89 → 156,920.01ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage157,84 → 158,860.007294ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage148,93 → 150,940.007294ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage2,93 → 3,940.006631ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage20,0 → 22,00.004642ΔRGB(-3,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage7,7 → 8,80.004642ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage0,20 → 0,220.004642ΔRGB(-3,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage152,1 → 154,10.003979ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage159,7 → 159,80.003979ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage142,96 → 144,960.003979ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage149,0 → 151,00.003316ΔRGB(-3,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage19,1 → 20,10.003316ΔRGB(-2,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage160,10 → 160,110.003316ΔRGB(-5,-5,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage1,19 → 1,200.003316ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage160,78 → 160,800.003316ΔRGB(-5,-5,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage0,89 → 0,900.003316ΔRGB(-3,-3,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage6,96 → 7,960.003316ΔRGB(-3,-3,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage154,2 → 155,20.002653ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage155,2 → 156,30.002653ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage11,4 → 12,40.002653ΔRGB(-2,-2,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage10,4 → 11,40.002653ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage158,5 → 158,50.002653ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage9,5 → 10,50.002653ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage158,6 → 159,60.002653ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage5,9 → 5,100.002653ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage4,10 → 4,110.002653ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage4,11 → 4,120.002653ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage160,80 → 160,810.002653ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage156,88 → 156,880.002653ΔRGB(9,3,4)antialiasing coverage residue on a shared outline
AntialiasCoverage152,92 → 152,920.002653ΔRGB(10,7,8)antialiasing coverage residue on a shared outline
AntialiasCoverage144,96 → 145,960.002653ΔRGB(-2,-3,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage151,1 → 152,10.001989ΔRGB(-3,-3,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage18,1 → 18,10.001989ΔRGB(-2,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage16,1 → 17,10.001989ΔRGB(-3,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage15,2 → 15,20.001989ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage156,4 → 157,40.001989ΔRGB(-3,-3,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage160,8 → 160,90.001989ΔRGB(-3,-3,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage2,15 → 2,150.001989ΔRGB(-2,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage1,16 → 1,170.001989ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage1,18 → 1,180.001989ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage159,82 → 159,820.001989ΔRGB(-3,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage159,83 → 159,830.001989ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage1,91 → 1,910.001989ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage147,95 → 147,950.001989ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage146,95 → 146,950.001989ΔRGB(-3,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage5,96 → 6,960.001989ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage16,2 → 16,20.001326ΔRGB(-2,-3,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage14,2 → 14,20.001326ΔRGB(-1,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage13,3 → 14,30.001326ΔRGB(-1,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage13,3 → 13,30.001326ΔRGB(-1,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage12,3 → 12,30.001326ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage156,4 → 156,40.001326ΔRGB(-1,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage154,4 → 155,40.001326ΔRGB(-1,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage153,5 → 153,50.001326ΔRGB(-1,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage152,6 → 152,60.001326ΔRGB(-1,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage3,12 → 3,120.001326ΔRGB(-1,0,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage3,13 → 3,130.001326ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage3,13 → 3,140.001326ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage2,14 → 2,140.001326ΔRGB(-2,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage2,16 → 2,160.001326ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage159,84 → 159,840.001326ΔRGB(-3,-2,-2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-unavailable-source-fallback.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>unavailable border image falls back to border styles</title>
6<style>
7  @page { size: 240px 160px; margin: 0; }
8  html, body { background: #ffffff; }
9  * { box-sizing: border-box; margin: 0; padding: 0; }
10  .box {
11    width: 160px;
12    height: 96px;
13    margin: 32px 40px;
14    background: #f1f3f5;
15    border-width: 12px 16px 10px 14px;
16    border-style: solid;
17    border-color: #d62828 #2a9d8f #264653 #f4a261;
18    border-radius: 24px 12px 20px 8px;
19    border-image-source: url("data:image/png;base64,bm90LWFuLWltYWdl");
20    border-image-slice: 1;
21  }
22</style>
23</head>
24<body><div class="box"></div></body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.13% · raw 0.17% (1562 px) border-image-intrinsic-overlap-reset · intrinsic-svg-overlap-global-scaling-resetPASS via CSS-scale observation: stable same-coordinate outline phaseExtramissing 0.2%extra 0.5%ΔE 11.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.5%)
Border images use SVG concrete object sizing, preserve overlapping source slices, scale all destination widths with one global factor, and reset every border-image longhand through the border shorthand.
regions (239 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
Missing2289172,0 → 312,0145total 0.04% · largest 0.02%
ColorErr236548126,0 → 312,9249total 0.08% · largest 0.007434%
Extra17250,0 → 140,92725total 0.1% · largest 0.1%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Extra0,0 → 140,920.1candidate adds paint absent from reference (0.1%)
Missing172,0 → 218,00.02candidate lacks paint present in reference (0.02%)
Missing266,0 → 312,00.02candidate lacks paint present in reference (0.02%)
AntialiasCoverage276,46 → 291,460.007434ΔRGB(-27,34,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage193,46 → 208,460.007434ΔRGB(-27,34,-14)antialiasing coverage residue on a shared outline
AntialiasCoverage126,0 → 126,140.006676ΔRGB(0,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage126,78 → 126,920.006676ΔRGB(0,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage172,46 → 185,460.006221ΔRGB(-161,66,87)antialiasing coverage residue on a shared outline
AntialiasCoverage300,46 → 312,460.005917ΔRGB(213,33,-132)antialiasing coverage residue on a shared outline
AntialiasCoverage266,46 → 267,460.000607ΔRGB(-161,66,87)antialiasing coverage residue on a shared outline
AntialiasCoverage217,46 → 218,460.000455ΔRGB(151,23,-93)antialiasing coverage residue on a shared outline
AntialiasCoverage301,1 → 301,20.000303ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage299,6 → 299,60.000303ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage192,7 → 192,80.000303ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage215,8 → 215,80.000303ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage215,9 → 215,90.000303ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage297,10 → 297,100.000303ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage295,12 → 295,120.000303ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage271,13 → 271,140.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage269,16 → 269,160.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage182,25 → 182,250.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage180,27 → 180,270.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage310,28 → 310,290.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage179,29 → 179,290.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage309,29 → 309,290.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage178,31 → 178,310.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage178,31 → 178,320.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage283,33 → 283,330.000303ΔRGB(0,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage177,34 → 177,340.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage200,34 → 200,350.000303ΔRGB(0,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage175,36 → 175,360.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage174,37 → 174,380.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage173,40 → 173,400.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage172,42 → 172,420.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage194,45 → 194,450.000303ΔRGB(0,-1,1)antialiasing coverage residue on a shared outline
AntialiasCoverage208,47 → 208,470.000303ΔRGB(-1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage312,51 → 312,520.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage311,52 → 311,520.000303ΔRGB(1,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage310,53 → 310,540.000303ΔRGB(2,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage310,54 → 310,540.000303ΔRGB(1,1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage309,56 → 309,560.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage309,56 → 309,570.000303ΔRGB(1,0,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage308,58 → 308,580.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage307,60 → 307,600.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage306,62 → 306,620.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage305,62 → 305,630.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage304,65 → 304,650.000303ΔRGB(1,0,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage303,66 → 303,670.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage301,69 → 301,690.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage300,71 → 300,710.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage218,71 → 218,720.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage217,73 → 217,730.000303ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage215,75 → 215,760.000303ΔRGB(1,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage269,84 → 269,840.000303ΔRGB(1,-1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage291,87 → 291,880.000303ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage291,88 → 291,880.000303ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage290,90 → 290,900.000303ΔRGB(-1,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage288,92 → 288,920.000303ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage196,0 → 196,00.000152ΔRGB(-1,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage196,1 → 196,10.000152ΔRGB(0,1,1)antialiasing coverage residue on a shared outline
AntialiasCoverage278,1 → 278,10.000152ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage195,2 → 195,20.000152ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage278,2 → 278,20.000152ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
AntialiasCoverage195,3 → 195,30.000152ΔRGB(-1,1,0)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-intrinsic-overlap-reset.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border image intrinsic sizing overlap and reset</title>
6<style>
7  @page { size: 360px 264px; margin: 0; }
8  html, body { width: 360px; height: 260px; background: #fff; }
9  html, body, div { box-sizing: border-box; margin: 0; padding: 0; }
10  .box { position: absolute; width: 140px; height: 92px; border: 10px solid #ef476f; background: #f4f6f8; }
11  .intrinsic { left: 24px; top: 24px; border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 1'%3E%3Crect width='1' height='1' fill='%231185ab'/%3E%3Crect x='1' width='1' height='1' fill='%23ffd166'/%3E%3C/svg%3E") 25% / 14px stretch; }
12  .overlap { left: 196px; top: 24px; border-image: linear-gradient(135deg, #e63946 0 25%, #457b9d 25% 50%, #2a9d8f 50% 75%, #ffbe0b 75%) 70% 80% / 90px stretch; }
13  .reset { left: 110px; top: 148px; border-image: linear-gradient(#7b2cbf, #3a86ff) 12 / 5 / 3 round; border: 10px solid #264653; border-image-source: linear-gradient(90deg, #f4a261, #2a9d8f); }
14</style>
15</head>
16<body>
17  <div class="box intrinsic"></div>
18  <div class="box overlap"></div>
19  <div class="box reset"></div>
20</body>
21</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0% · raw 0.04% (148 px) border-image-width-multiplier · width-number-multiplierPASS via raw same-coordinate visibility policyColorValueΔE 0.4
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: fill colour differs (ΔE 0.4)
border-image-width:3 makes the image border 3× the computed 8px physical border width, dividing the border-image area 24px from every edge. Catches implementations that parse slices but always use the physical border width for the destination patches.
regions (4 total; showing 4 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr41481,24 → 180,6075total 0.10% · largest 0.05% · max ΔE 0.5

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue156,24 → 180,240.05ΔE 0.5 ΔRGB(-1,-1,-1)fill recolour ΔRGB(-1,-1,-1) (ΔE 0.5)
ColorValue1,24 → 24,240.05ΔE 0.2 ΔRGB(0,1,1)fill recolour ΔRGB(+0,+1,+1) (ΔE 0.2)
AntialiasCoverage158,27 → 158,270.000672ΔE 0.3 ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage24,60 → 24,600.000672ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-width-multiplier.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image width multiplier</title>
6<style>
7@page{size:240px 144px;margin:0}
8html{font-family:ParitySans;line-height:1.5}
9*{margin:0;box-sizing:border-box}
10html,body{background:#ffffff}
11body{padding:30px}
12.box{
13  width:180px;
14  height:84px;
15  border:8px solid transparent;
16  background:#f1faee;
17  border-image:linear-gradient(135deg,#e63946 0%,#f1faee 50%,#457b9d 100%) 1;
18  border-image-width:3;
19}
20</style>
21</head>
22<body>
23<div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0% · raw 0.02% (79 px) border-image-outset-number · outset-number-multiplierPASS via raw same-coordinate visibility policyAntialiasCoverageΔE 0.4
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: antialiasing coverage residue on a shared outline
border-image shorthand outset 2 extends the image area by 2× the computed 8px physical border on every edge without changing layout. Catches implementations that parse the first slash but discard the second slash/outset component.
regions (10 total; showing 10 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr10790,0 → 152,7214total 0.07% · largest 0.01% · max ΔE 0.7

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage144,68 → 144,720.01ΔE 0.2 ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage144,3 → 144,60.01ΔE 0.7 ΔRGB(-1,-1,-1)antialiasing coverage residue on a shared outline
ColorValue0,8 → 4,80.01ΔE 0.2 ΔRGB(0,1,1)fill recolour ΔRGB(+0,+1,+1) (ΔE 0.2)
ColorValue4,8 → 8,80.01ΔE 0.2 ΔRGB(0,1,1)fill recolour ΔRGB(+0,+1,+1) (ΔE 0.2)
ColorValue145,8 → 148,80.01ΔE 0.5 ΔRGB(-1,-1,0)fill recolour ΔRGB(-1,-1,+0) (ΔE 0.5)
AntialiasCoverage144,64 → 144,660.008366ΔE 0.4 ΔRGB(0,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage150,8 → 152,80.005577ΔE 0.7 ΔRGB(-1,0,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage144,0 → 144,10.003718ΔE 0.3 ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage105,5 → 105,50.000930ΔE 0.7 ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage74,70 → 74,700.000930ΔE 0.7 ΔRGB(0,-1,0)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-outset-number.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image outset number</title>
6<style>
7@page{size:240px 144px;margin:0}
8html{font-family:ParitySans;line-height:1.5}
9*{margin:0;box-sizing:border-box}
10html,body{background:#ffffff}
11body{padding:40px}
12.box{
13  width:120px;
14  height:40px;
15  border:8px solid transparent;
16  background:#f1faee;
17  border-image:linear-gradient(135deg,#e63946 0%,#f1faee 50%,#457b9d 100%) 1 / 1 / 2;
18}
19</style>
20</head>
21<body>
22<div class="box"></div>
23</body>
24</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.02% · raw 0.02% (53 px) border-image-repeat-horizontal · repeat-horizontal-stretch-verticalPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 5.9
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
border-image-repeat: repeat stretch tiles the top and bottom edge slices at their proportional width, centered with clipped partial end tiles, while the side slices remain stretched. Catches parsers that reject the repeat keyword and render no image, or render every edge as one stretched patch.
regions (3 total; showing 3 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr3538,0 → 184,7226total 0.04% · largest 0.02%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage184,0 → 184,80.02ΔRGB(-27,-5,16)antialiasing coverage residue on a shared outline
AntialiasCoverage184,64 → 184,720.02ΔRGB(-27,-5,16)antialiasing coverage residue on a shared outline
AntialiasCoverage8,64 → 8,640.000736ΔRGB(21,-8,-10)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-repeat-horizontal.html
1<!doctype html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image horizontal repeat</title>
6<style>
7@page{size:240px 120px;margin:0}
8html{font-family:ParitySans;line-height:1.5}
9*{margin:0;box-sizing:border-box}
10html,body{background:#fff}
11body{padding:24px}
12.box{
13  width:192px;
14  height:72px;
15  border:8px solid transparent;
16  background:#f1faee;
17  border-image:linear-gradient(to right,#e63946 0 25%,#ffbe0b 25% 50%,#457b9d 50% 75%,#2a9d8f 75% 100%) 32 / 1 / 0 repeat stretch;
18}
19</style>
20</head>
21<body><div class="box"></div></body>
22</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0% · raw 0.01% (36 px) border-image-outset-em · outset-font-relative-lengthPASS via raw same-coordinate visibility policyColorValueΔE 0.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: fill colour differs (ΔE 0.3)
border-image outset .25em resolves against the element's 40px font size, extending the painted image area by 10px on every side without changing layout. Catches parsers that accept only absolute units and discard the entire border image for a valid font-relative CSS length.
regions (6 total; showing 6 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr6360,5 → 164,7610total 0.03% · largest 0.007369% · max ΔE 0.5

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue0,8 → 3,80.007369ΔE 0.2 ΔRGB(0,1,1)fill recolour ΔRGB(+0,+1,+1) (ΔE 0.2)
AntialiasCoverage161,8 → 164,80.007369ΔE 0.4 ΔRGB(0,-1,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage5,8 → 8,80.005896ΔE 0.2 ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
ColorValue157,8 → 158,80.004422ΔE 0.3 ΔRGB(-1,0,0)fill recolour ΔRGB(-1,+0,+0) (ΔE 0.3)
AntialiasCoverage115,5 → 115,50.000737ΔE 0.5 ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage8,76 → 8,760.000737ΔRGB(0,0,1)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-outset-em.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image outset em</title>
6<style>
7@page{size:240px 144px;margin:0}
8html{font-family:ParitySans;line-height:1.5}
9*{margin:0;box-sizing:border-box}
10html,body{background:#ffffff}
11body{padding:32px}
12.box{
13  width:144px;
14  height:64px;
15  font-size:40px;
16  border:8px solid transparent;
17  background:#f1faee;
18  border-image:linear-gradient(135deg,#e63946 0%,#f1faee 50%,#457b9d 100%) 1 / 1 / .25em;
19}
20</style>
21</head>
22<body>
23<div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.000356% · raw 0.000356% (1 px) border-image-round-horizontal · round-horizontal-stretch-verticalPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 4.8
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
border-image-repeat: round stretch resizes each proportional top and bottom edge tile horizontally until exactly six whole tiles fit, while side slices remain stretched. Catches implementations that tile at the unrounded size or stretch the whole edge once.
regions (1 total; showing 1 representative)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr118,64 → 8,641total 0.000736% · largest 0.000736%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage8,64 → 8,640.000736ΔRGB(24,-12,-9)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-image-round-horizontal.html
1<!doctype html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-image horizontal round</title>
6<style>
7@page{size:240px 120px;margin:0}
8html{font-family:ParitySans;line-height:1.5}
9*{margin:0;box-sizing:border-box}
10html,body{background:#fff}
11body{padding:24px}
12.box{
13  width:192px;
14  height:72px;
15  border:8px solid transparent;
16  background:#f1faee;
17  border-image:linear-gradient(to right,#e63946 0 25%,#ffbe0b 25% 50%,#457b9d 50% 75%,#2a9d8f 75% 100%) 32 / 1 / 0 round stretch;
18}
19</style>
20</head>
21<body><div class="box"></div></body>
22</html>
PASS exact match border-image-gradient-slice · gradient-slice
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-image paints a linear-gradient source into a transparent physical border; catches engines that ignore border-image or fall back to a plain/transparent border.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.001600% · raw 0.001600% (8 px) border-radius-x-linear-gradient · x-linear-gradientPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 3.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
Combo: border-radius rounding must clip a linear-gradient background fill (same-category combination).
regions (8 total; showing 8 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr887,7 → 233,1531total 0.002133% · largest 0.000267%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage12,7 → 12,70.000267ΔRGB(3,13,12)antialiasing coverage residue on a shared outline
AntialiasCoverage228,7 → 228,70.000267ΔRGB(13,9,3)antialiasing coverage residue on a shared outline
AntialiasCoverage7,12 → 7,120.000267ΔRGB(3,13,13)antialiasing coverage residue on a shared outline
AntialiasCoverage233,12 → 233,120.000267ΔRGB(14,9,3)antialiasing coverage residue on a shared outline
AntialiasCoverage7,148 → 7,1480.000267ΔRGB(3,13,13)antialiasing coverage residue on a shared outline
AntialiasCoverage233,148 → 233,1480.000267ΔRGB(14,9,3)antialiasing coverage residue on a shared outline
AntialiasCoverage12,153 → 12,1530.000267ΔRGB(3,13,12)antialiasing coverage residue on a shared outline
AntialiasCoverage228,153 → 228,1530.000267ΔRGB(13,9,3)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-radius-x-linear-gradient.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>interaction: border-radius clipping a linear-gradient background</title>
6<style>
7  @page { size: 320px 160px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 240px;
13    height: 160px;
14    background-image: linear-gradient(to right, #d32f2f, #1976d2);
15    border-radius: 32px;
16  }
17</style>
18</head>
19<body>
20  <div class="box"></div>
21</body>
22</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.000508% · raw 0.000508% (2 px) border-radius-two-values · two-value-shorthandPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 4.1
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
border-radius two-value shorthand (TL/BR vs TR/BL diagonal radii).
regions (2 total; showing 2 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr2221,8 → 179,1321total 0.000731% · largest 0.000365%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage179,8 → 179,80.000365ΔRGB(7,22,15)antialiasing coverage residue on a shared outline
AntialiasCoverage21,132 → 21,1320.000365ΔRGB(-6,-17,-12)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-radius-two-values.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-radius two values</title>
6<style>
7  @page { size: 280px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 140px;
14    background-color: #ad1457;
15    border-radius: 12px 48px;
16  }
17</style>
18</head>
19<body>
20  <div class="box"></div>
21</body>
22</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.000254% · raw 0.000254% (1 px) border-radius-four-values · four-value-shorthandPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 4.1
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
border-radius 1-4 value shorthand assigning a distinct radius to each corner.
regions (1 total; showing 1 representative)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr11193,123 → 193,1231total 0.000365% · largest 0.000365%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage193,123 → 193,1230.000365ΔRGB(-9,-14,-6)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-radius-four-values.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-radius four values</title>
6<style>
7  @page { size: 280px 144px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 140px;
14    background-color: #6a1b9a;
15    border-radius: 10px 25px 40px 55px;
16  }
17</style>
18</head>
19<body>
20  <div class="box"></div>
21</body>
22</html>
PASS exact match border-radius-circle · 50pct-circle
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Square box turned into a filled circle via border-radius 50%.
PASS exact match border-radius-clamped · overlap-clamping
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-radius larger than half the box is clamped/normalized to fit.
PASS exact match border-radius-corner-longhands · corner-longhands
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Per-corner border-radius longhands (top-left + bottom-right rounded, others square).
PASS exact match border-radius-ellipse-nonsquare · 50pct-nonsquare
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-radius 50% on a non-square box (elliptical corners).
PASS exact match border-radius-elliptical · elliptical-slash
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Elliptical border-radius via the Rx / Ry slash syntax.
PASS exact match border-radius-invalid-unitless-preserves-prior · invalid-declaration-discard
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
A nonzero unitless border-radius is invalid and cannot replace the prior valid radius.
PASS exact match border-radius-per-corner · per-corner
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Filled box with two rounded corners and two square corners.
PASS exact match border-radius-percentage · percentage
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-radius given as a non-50% percentage of the box.
PASS exact match border-radius-uniform · uniform
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Filled box with a uniform 24px border-radius and a solid border.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.87% · raw 0.89% (3571 px) border-rounded-mixed-styles · rounded-mixed-per-sidePASS via CSS-scale observation: stable same-coordinate outline phaseExtramissing 0.02%extra 0.3%ΔE 3.0
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.3%)
Solid, dashed, dotted, and double sides follow one nonuniform rounded border geometry and meet only at their corner frontiers.
regions (331 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr17826780,0 → 208,128150total 1.0% · largest 0.06% · max ΔE 3.4
Extra1188520,0 → 204,123450total 0.3% · largest 0.2%
Missing354128,23 → 208,1284total 0.02% · largest 0.001532%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Extra40,0 → 184,00.2candidate adds paint absent from reference (0.2%)
Extra0,32 → 0,880.07candidate adds paint absent from reference (0.07%)
AntialiasCoverage4,91 → 13,1150.06ΔRGB(-32,-87,-53)antialiasing coverage residue on a shared outline
AntialiasCoverage4,11 → 13,300.05ΔRGB(-35,-97,-59)antialiasing coverage residue on a shared outline
AntialiasCoverage20,115 → 28,1270.05ΔRGB(-92,-104,-32)antialiasing coverage residue on a shared outline
AntialiasCoverage25,116 → 33,1280.05ΔRGB(92,104,32)antialiasing coverage residue on a shared outline
AntialiasCoverage51,116 → 57,1280.04ΔRGB(94,105,33)antialiasing coverage residue on a shared outline
AntialiasCoverage44,116 → 50,1280.04ΔRGB(-94,-105,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage75,116 → 81,1280.04ΔRGB(92,104,32)antialiasing coverage residue on a shared outline
AntialiasCoverage68,116 → 74,1280.04ΔRGB(-92,-104,-33)antialiasing coverage residue on a shared outline
AntialiasCoverage98,116 → 105,1280.04ΔRGB(70,79,25)antialiasing coverage residue on a shared outline
AntialiasCoverage92,116 → 98,1280.04ΔRGB(-80,-90,-28)antialiasing coverage residue on a shared outline
AntialiasCoverage116,116 → 122,1280.04ΔRGB(-66,-74,-23)antialiasing coverage residue on a shared outline
AntialiasCoverage122,116 → 129,1280.04ΔRGB(70,79,25)antialiasing coverage residue on a shared outline
AntialiasCoverage187,111 → 195,1220.04ΔRGB(-66,-74,-23)antialiasing coverage residue on a shared outline
AntialiasCoverage140,116 → 146,1280.04ΔRGB(-66,-74,-23)antialiasing coverage residue on a shared outline
AntialiasCoverage146,116 → 153,1280.04ΔRGB(66,74,23)antialiasing coverage residue on a shared outline
AntialiasCoverage194,20 → 205,250.03ΔRGB(-129,-72,-67)antialiasing coverage residue on a shared outline
AntialiasCoverage164,116 → 171,1280.03ΔRGB(-47,-53,-16)antialiasing coverage residue on a shared outline
AntialiasCoverage196,105 → 207,1090.03ΔRGB(129,72,67)antialiasing coverage residue on a shared outline
AntialiasCoverage196,59 → 208,590.03ΔRGB(-32,-18,-17)antialiasing coverage residue on a shared outline
AntialiasCoverage196,71 → 208,710.03ΔRGB(145,82,76)antialiasing coverage residue on a shared outline
AntialiasCoverage172,116 → 176,1270.03ΔRGB(54,61,20)antialiasing coverage residue on a shared outline
AntialiasCoverage191,9 → 199,180.02ΔRGB(-1,20,14)antialiasing coverage residue on a shared outline
AntialiasCoverage190,111 → 199,1190.02ΔRGB(25,-1,25)antialiasing coverage residue on a shared outline
AntialiasCoverage196,34 → 208,360.02ΔRGB(89,49,46)antialiasing coverage residue on a shared outline
AntialiasCoverage196,95 → 208,950.01ΔRGB(-255,-143,-133)antialiasing coverage residue on a shared outline
AntialiasCoverage16,16 → 19,190.006895ΔRGB(49,0,12)antialiasing coverage residue on a shared outline
AntialiasCoverage208,37 → 208,410.004597ΔRGB(165,95,98)antialiasing coverage residue on a shared outline
AntialiasCoverage195,5 → 196,60.004214ΔRGB(57,53,47)antialiasing coverage residue on a shared outline
AntialiasCoverage19,125 → 21,1260.004214ΔRGB(0,0,2)antialiasing coverage residue on a shared outline
Extra35,0 → 37,00.003448candidate adds paint absent from reference (0.003448%)
Extra0,91 → 0,940.003448candidate adds paint absent from reference (0.003448%)
AntialiasCoverage12,119 → 13,1200.003448ΔRGB(0,1,8)antialiasing coverage residue on a shared outline
AntialiasCoverage164,128 → 167,1280.003448ΔE 2.9 ΔRGB(0,2,10)antialiasing coverage residue on a shared outline
Extra0,28 → 0,300.002681candidate adds paint absent from reference (0.002681%)
Extra32,1 → 34,10.002298candidate adds paint absent from reference (0.002298%)
AntialiasCoverage201,116 → 202,1160.002298ΔRGB(210,121,129)antialiasing coverage residue on a shared outline
Extra1,95 → 1,960.001915candidate adds paint absent from reference (0.001915%)
AntialiasCoverage9,116 → 10,1170.001915ΔRGB(7,21,13)antialiasing coverage residue on a shared outline
AntialiasCoverage29,128 → 30,1280.001915ΔE 3.4 ΔRGB(0,3,12)antialiasing coverage residue on a shared outline
Missing167,128 → 168,1280.001532candidate lacks paint present in reference (0.001532%)
Extra186,0 → 187,00.001532candidate adds paint absent from reference (0.001532%)
Extra31,1 → 32,10.001532candidate adds paint absent from reference (0.001532%)
Extra29,1 → 30,10.001532candidate adds paint absent from reference (0.001532%)
Extra12,9 → 13,90.001532candidate adds paint absent from reference (0.001532%)
Extra11,10 → 12,100.001532candidate adds paint absent from reference (0.001532%)
Extra5,16 → 6,160.001532candidate adds paint absent from reference (0.001532%)
Extra4,18 → 4,180.001532candidate adds paint absent from reference (0.001532%)
Extra1,27 → 1,280.001532candidate adds paint absent from reference (0.001532%)
Extra1,97 → 1,980.001532candidate adds paint absent from reference (0.001532%)
AntialiasCoverage205,22 → 205,230.001532ΔRGB(0,3,15)antialiasing coverage residue on a shared outline
AntialiasCoverage206,24 → 206,250.001532ΔRGB(0,3,15)antialiasing coverage residue on a shared outline
AntialiasCoverage206,26 → 206,270.001532ΔRGB(0,3,15)antialiasing coverage residue on a shared outline
AntialiasCoverage206,27 → 206,280.001532ΔRGB(0,4,17)antialiasing coverage residue on a shared outline
AntialiasCoverage207,30 → 207,310.001532ΔRGB(0,4,19)antialiasing coverage residue on a shared outline
AntialiasCoverage207,32 → 207,330.001532ΔRGB(0,4,19)antialiasing coverage residue on a shared outline
AntialiasCoverage208,106 → 208,1070.001532ΔE 2.9 ΔRGB(0,4,19)antialiasing coverage residue on a shared outline
AntialiasCoverage204,113 → 204,1140.001532ΔRGB(234,136,146)antialiasing coverage residue on a shared outline
AntialiasCoverage200,117 → 200,1180.001532ΔRGB(223,130,139)antialiasing coverage residue on a shared outline
AntialiasCoverage14,122 → 15,1220.001532ΔRGB(0,0,2)antialiasing coverage residue on a shared outline
AntialiasCoverage18,124 → 18,1240.001532ΔRGB(0,2,10)antialiasing coverage residue on a shared outline
AntialiasCoverage174,127 → 175,1270.001532ΔRGB(0,3,15)antialiasing coverage residue on a shared outline
Extra188,1 → 188,10.001149candidate adds paint absent from reference (0.001149%)
source · cases/backgrounds-borders/border-rounded-mixed-styles.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>rounded mixed border styles</title>
6<style>
7  @page { size: 256px 160px; margin: 0; }
8  html, body { background: #ffffff; }
9  * { margin: 0; padding: 0; box-sizing: border-box; }
10  .box {
11    width: 208px;
12    height: 128px;
13    margin: 16px 24px;
14    background: #fff8e1;
15    border-width: 12px;
16    border-color: #263238 #00695c #4527a0 #ad1457;
17    border-style: solid dashed dotted double;
18    border-radius: 40px 24px 48px 32px / 32px 44px 24px 40px;
19  }
20</style>
21</head>
22<body><div class="box"></div></body>
23</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.87% · raw 0.87% (2867 px) border-style-dotted · dottedPASS via CSS-scale observation: sub-CSS shared-outline coverageAntialiasCoveragemissing 1.1%extra 1.0%ΔE 8.7
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
Box with a 6px dotted border.
regions (1109 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr82625280,0 → 200,12019total 1.1% · largest 0.008107%
Extra1361640,0 → 200,1204total 0.07% · largest 0.001707%
Missing1471750,0 → 199,1203total 0.07% · largest 0.001280%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage85,0 → 86,40.008107ΔRGB(34,20,22)antialiasing coverage residue on a shared outline
AntialiasCoverage89,0 → 91,40.008107ΔRGB(-34,-20,-22)antialiasing coverage residue on a shared outline
AntialiasCoverage85,115 → 86,1190.008107ΔRGB(34,20,22)antialiasing coverage residue on a shared outline
AntialiasCoverage89,115 → 91,1190.008107ΔRGB(-34,-20,-22)antialiasing coverage residue on a shared outline
AntialiasCoverage0,114 → 4,1150.006827ΔRGB(89,52,56)antialiasing coverage residue on a shared outline
AntialiasCoverage196,114 → 199,1150.006827ΔRGB(72,43,46)antialiasing coverage residue on a shared outline
AntialiasCoverage73,2 → 74,50.005973ΔRGB(44,26,28)antialiasing coverage residue on a shared outline
AntialiasCoverage102,2 → 103,50.005973ΔRGB(-58,-34,-37)antialiasing coverage residue on a shared outline
AntialiasCoverage2,80 → 5,810.005973ΔRGB(49,29,32)antialiasing coverage residue on a shared outline
AntialiasCoverage195,80 → 198,810.005973ΔRGB(49,29,32)antialiasing coverage residue on a shared outline
AntialiasCoverage122,114 → 125,1150.005973ΔRGB(24,14,15)antialiasing coverage residue on a shared outline
AntialiasCoverage147,114 → 150,1150.005973ΔRGB(-21,-12,-13)antialiasing coverage residue on a shared outline
AntialiasCoverage73,115 → 74,1180.005973ΔRGB(44,26,28)antialiasing coverage residue on a shared outline
AntialiasCoverage102,115 → 103,1180.005973ΔRGB(-58,-34,-37)antialiasing coverage residue on a shared outline
AntialiasCoverage5,1 → 6,40.005547ΔRGB(38,23,24)antialiasing coverage residue on a shared outline
AntialiasCoverage1,5 → 4,60.005547ΔRGB(38,23,24)antialiasing coverage residue on a shared outline
AntialiasCoverage1,62 → 4,630.005547ΔRGB(-45,-26,-29)antialiasing coverage residue on a shared outline
AntialiasCoverage195,62 → 198,630.005547ΔRGB(-45,-26,-29)antialiasing coverage residue on a shared outline
AntialiasCoverage194,1 → 194,40.004693ΔRGB(110,64,70)antialiasing coverage residue on a shared outline
AntialiasCoverage170,4 → 172,60.004693ΔRGB(24,14,15)antialiasing coverage residue on a shared outline
AntialiasCoverage0,50 → 2,510.004693ΔRGB(-21,-12,-13)antialiasing coverage residue on a shared outline
AntialiasCoverage197,50 → 199,510.004693ΔRGB(-21,-12,-13)antialiasing coverage residue on a shared outline
AntialiasCoverage170,114 → 172,1150.004693ΔRGB(24,14,15)antialiasing coverage residue on a shared outline
AntialiasCoverage194,116 → 194,1180.004693ΔRGB(110,64,70)antialiasing coverage residue on a shared outline
AntialiasCoverage175,1 → 175,40.004267ΔRGB(-89,-52,-56)antialiasing coverage residue on a shared outline
AntialiasCoverage77,3 → 78,50.004267ΔRGB(-24,-14,-15)antialiasing coverage residue on a shared outline
AntialiasCoverage4,73 → 5,740.004267ΔRGB(-34,-20,-21)antialiasing coverage residue on a shared outline
AntialiasCoverage194,73 → 196,740.004267ΔRGB(-34,-20,-21)antialiasing coverage residue on a shared outline
AntialiasCoverage194,106 → 195,1080.004267ΔRGB(-29,-17,-19)antialiasing coverage residue on a shared outline
AntialiasCoverage77,115 → 78,1160.004267ΔRGB(-24,-14,-15)antialiasing coverage residue on a shared outline
AntialiasCoverage175,116 → 175,1180.004267ΔRGB(-89,-52,-56)antialiasing coverage residue on a shared outline
AntialiasCoverage121,1 → 122,20.003840ΔRGB(46,27,29)antialiasing coverage residue on a shared outline
AntialiasCoverage60,1 → 61,40.003840ΔRGB(36,22,23)antialiasing coverage residue on a shared outline
AntialiasCoverage122,5 → 124,60.003840ΔRGB(34,20,21)antialiasing coverage residue on a shared outline
AntialiasCoverage149,5 → 150,60.003840ΔRGB(-34,-20,-21)antialiasing coverage residue on a shared outline
AntialiasCoverage3,85 → 5,860.003840ΔRGB(-63,-37,-41)antialiasing coverage residue on a shared outline
AntialiasCoverage195,85 → 196,860.003840ΔRGB(-63,-37,-41)antialiasing coverage residue on a shared outline
AntialiasCoverage5,92 → 6,930.003840ΔRGB(21,12,13)antialiasing coverage residue on a shared outline
AntialiasCoverage194,92 → 195,930.003840ΔRGB(21,12,13)antialiasing coverage residue on a shared outline
AntialiasCoverage5,106 → 6,1080.003840ΔRGB(-34,-20,-21)antialiasing coverage residue on a shared outline
AntialiasCoverage1,107 → 2,1080.003840ΔRGB(-46,-27,-29)antialiasing coverage residue on a shared outline
AntialiasCoverage197,107 → 199,1080.003840ΔRGB(-46,-27,-29)antialiasing coverage residue on a shared outline
AntialiasCoverage60,116 → 61,1180.003840ΔRGB(36,22,23)antialiasing coverage residue on a shared outline
AntialiasCoverage121,117 → 122,1190.003840ΔRGB(46,27,29)antialiasing coverage residue on a shared outline
AntialiasCoverage134,0 → 136,10.003413ΔRGB(31,18,20)antialiasing coverage residue on a shared outline
AntialiasCoverage137,0 → 138,10.003413ΔRGB(-24,-14,-15)antialiasing coverage residue on a shared outline
AntialiasCoverage181,2 → 182,40.003413ΔRGB(128,75,82)antialiasing coverage residue on a shared outline
AntialiasCoverage188,2 → 188,40.003413ΔRGB(-113,-67,-72)antialiasing coverage residue on a shared outline
AntialiasCoverage4,68 → 5,690.003413ΔRGB(24,14,15)antialiasing coverage residue on a shared outline
AntialiasCoverage195,68 → 196,690.003413ΔRGB(24,14,15)antialiasing coverage residue on a shared outline
AntialiasCoverage4,95 → 6,960.003413ΔRGB(-24,-14,-15)antialiasing coverage residue on a shared outline
AntialiasCoverage194,95 → 195,960.003413ΔRGB(-24,-14,-15)antialiasing coverage residue on a shared outline
AntialiasCoverage135,114 → 137,1140.003413ΔRGB(15,9,10)antialiasing coverage residue on a shared outline
AntialiasCoverage181,116 → 182,1180.003413ΔRGB(128,75,82)antialiasing coverage residue on a shared outline
AntialiasCoverage188,116 → 188,1180.003413ΔRGB(-113,-67,-72)antialiasing coverage residue on a shared outline
AntialiasCoverage199,117 → 200,1190.003413ΔRGB(-15,-9,-9)antialiasing coverage residue on a shared outline
AntialiasCoverage134,119 → 136,1200.003413ΔRGB(31,18,20)antialiasing coverage residue on a shared outline
AntialiasCoverage137,119 → 138,1200.003413ΔRGB(-24,-14,-15)antialiasing coverage residue on a shared outline
AntialiasCoverage0,0 → 1,10.002987ΔRGB(22,13,14)antialiasing coverage residue on a shared outline
AntialiasCoverage163,3 → 164,40.002987ΔRGB(-79,-46,-50)antialiasing coverage residue on a shared outline
AntialiasCoverage110,5 → 111,60.002987ΔRGB(18,11,12)antialiasing coverage residue on a shared outline
AntialiasCoverage196,6 → 198,60.002987ΔRGB(52,31,33)antialiasing coverage residue on a shared outline
AntialiasCoverage4,50 → 5,510.002987ΔRGB(-18,-11,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage194,50 → 195,510.002987ΔRGB(-18,-11,-12)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-style-dotted.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border style dotted</title>
6<style>
7  @page { size: 280px 120px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 120px;
14    background-color: #ffffff;
15    border: 6px dotted #00695c;
16  }
17</style>
18</head>
19<body>
20  <div class="box"></div>
21</body>
22</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.84% · raw 0.84% (2043 px) border-style-four-value-shorthand · four-value-shorthandPASS via CSS-scale observation: sub-CSS shared-outline coverageColorValuemissing 0.2%ΔE 83.9
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw fill recolour ΔRGB(-30,-25,-5) (ΔE 83.9)
border-style four-value shorthand assigns solid, dashed, dotted, and double styles to different sides; catches uniform-style parsing.
regions (188 total; showing 64 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr18318420,0 → 120,801278total 2.0% · largest 1.4% · max ΔE 83.9
Missing52014,0 → 120,8050total 0.2% · largest 0.05%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
ColorValue0,3 → 112,801.4ΔE 83.9 ΔRGB(-30,-25,-5)fill recolour ΔRGB(-30,-25,-5) (ΔE 83.9)
Missing120,0 → 120,160.05candidate lacks paint present in reference (0.05%)
Missing120,21 → 120,370.05candidate lacks paint present in reference (0.05%)
Missing120,43 → 120,580.05candidate lacks paint present in reference (0.05%)
Missing120,64 → 120,800.05candidate lacks paint present in reference (0.05%)
AntialiasCoverage112,16 → 120,160.03ΔRGB(30,25,5)antialiasing coverage residue on a shared outline
AntialiasCoverage112,21 → 120,210.03ΔRGB(30,25,5)antialiasing coverage residue on a shared outline
AntialiasCoverage112,59 → 120,590.03ΔRGB(84,71,13)antialiasing coverage residue on a shared outline
AntialiasCoverage112,43 → 120,430.03ΔRGB(-82,-69,-12)antialiasing coverage residue on a shared outline
AntialiasCoverage112,76 → 113,790.01ΔRGB(31,27,5)antialiasing coverage residue on a shared outline
AntialiasCoverage118,79 → 120,800.01ΔRGB(16,13,2)antialiasing coverage residue on a shared outline
AntialiasCoverage80,76 → 81,790.01ΔRGB(31,27,5)antialiasing coverage residue on a shared outline
AntialiasCoverage96,76 → 97,790.01ΔRGB(31,27,5)antialiasing coverage residue on a shared outline
AntialiasCoverage112,72 → 113,740.01ΔRGB(21,19,4)antialiasing coverage residue on a shared outline
AntialiasCoverage102,73 → 103,740.007417ΔRGB(-22,-18,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage32,74 → 32,760.007417ΔRGB(20,17,3)antialiasing coverage residue on a shared outline
AntialiasCoverage48,74 → 48,760.007417ΔRGB(20,17,3)antialiasing coverage residue on a shared outline
AntialiasCoverage64,74 → 64,760.007417ΔRGB(22,19,4)antialiasing coverage residue on a shared outline
AntialiasCoverage71,74 → 72,760.007417ΔRGB(-22,-18,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage80,74 → 80,760.007417ΔRGB(39,33,6)antialiasing coverage residue on a shared outline
AntialiasCoverage87,74 → 88,760.007417ΔRGB(-39,-32,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage96,74 → 96,760.007417ΔRGB(39,33,6)antialiasing coverage residue on a shared outline
AntialiasCoverage103,74 → 104,760.007417ΔRGB(-39,-32,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage112,74 → 112,760.007417ΔRGB(49,41,8)antialiasing coverage residue on a shared outline
AntialiasCoverage88,76 → 88,770.007417ΔRGB(-30,-25,-5)antialiasing coverage residue on a shared outline
AntialiasCoverage104,76 → 104,770.007417ΔRGB(-30,-25,-5)antialiasing coverage residue on a shared outline
AntialiasCoverage32,76 → 32,780.007417ΔRGB(15,13,2)antialiasing coverage residue on a shared outline
AntialiasCoverage48,76 → 48,780.007417ΔRGB(15,13,2)antialiasing coverage residue on a shared outline
AntialiasCoverage64,76 → 64,780.007417ΔRGB(25,22,4)antialiasing coverage residue on a shared outline
AntialiasCoverage81,73 → 81,740.005298ΔRGB(20,17,3)antialiasing coverage residue on a shared outline
AntialiasCoverage97,73 → 97,740.005298ΔRGB(20,17,3)antialiasing coverage residue on a shared outline
AntialiasCoverage19,72 → 20,720.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage35,72 → 36,720.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage51,72 → 52,720.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage67,72 → 68,720.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage83,72 → 84,720.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage99,72 → 100,720.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage39,73 → 39,740.004238ΔRGB(-13,-11,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage55,73 → 55,740.004238ΔRGB(-13,-11,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage71,73 → 71,740.004238ΔRGB(-22,-18,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage87,73 → 87,740.004238ΔRGB(-22,-18,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage16,75 → 16,760.004238ΔRGB(17,14,2)antialiasing coverage residue on a shared outline
AntialiasCoverage72,76 → 72,770.004238ΔRGB(-29,-24,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage71,78 → 71,780.004238ΔRGB(-22,-19,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage87,78 → 87,780.004238ΔRGB(-22,-19,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage103,78 → 103,780.004238ΔRGB(-22,-19,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage49,78 → 49,790.004238ΔRGB(20,16,3)antialiasing coverage residue on a shared outline
AntialiasCoverage65,78 → 65,790.004238ΔRGB(20,16,3)antialiasing coverage residue on a shared outline
AntialiasCoverage49,79 → 50,790.004238ΔRGB(16,14,3)antialiasing coverage residue on a shared outline
AntialiasCoverage65,79 → 66,790.004238ΔRGB(16,14,3)antialiasing coverage residue on a shared outline
AntialiasCoverage81,79 → 82,790.004238ΔRGB(16,14,3)antialiasing coverage residue on a shared outline
AntialiasCoverage97,79 → 98,790.004238ΔRGB(16,14,3)antialiasing coverage residue on a shared outline
AntialiasCoverage102,79 → 102,790.004238ΔRGB(-22,-19,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage113,79 → 114,790.004238ΔRGB(40,35,6)antialiasing coverage residue on a shared outline
AntialiasCoverage50,80 → 51,800.004238ΔRGB(18,15,3)antialiasing coverage residue on a shared outline
AntialiasCoverage66,80 → 67,800.004238ΔRGB(18,15,3)antialiasing coverage residue on a shared outline
AntialiasCoverage82,80 → 83,800.004238ΔRGB(18,15,3)antialiasing coverage residue on a shared outline
AntialiasCoverage98,80 → 99,800.004238ΔRGB(18,15,3)antialiasing coverage residue on a shared outline
AntialiasCoverage114,80 → 115,800.004238ΔRGB(18,15,3)antialiasing coverage residue on a shared outline
AntialiasCoverage49,73 → 49,730.003179ΔRGB(20,17,3)antialiasing coverage residue on a shared outline
AntialiasCoverage65,73 → 65,730.003179ΔRGB(20,17,3)antialiasing coverage residue on a shared outline
AntialiasCoverage23,73 → 23,740.003179ΔRGB(-20,-16,-3)antialiasing coverage residue on a shared outline
AntialiasCoverage40,75 → 40,750.003179ΔRGB(-17,-14,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage56,75 → 56,750.003179ΔRGB(-17,-14,-2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-style-four-value-shorthand.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border style four value shorthand</title>
6<style>
7  @page { size: 184px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 120px;
13    height: 80px;
14    margin: 25px;
15    border-width: 8px;
16    border-color: #111111;
17    border-style: solid dashed dotted double;
18    background: #fdd835;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.42% · raw 0.44% (1481 px) border-style-3d-bevels · groove-ridge-inset-outsetPASS via CSS-scale observation: sub-CSS shared-outline coverageAntialiasCoverageextra 0.5%ΔE 6.6
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
groove, ridge, inset, and outset render with 3D bevel polarity; catches unsupported keywords collapsed to flat solid borders.
regions (17 total; showing 17 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr127860,0 → 172,70292total 0.3% · largest 0.1%
Extra569516,0 → 156,70219total 0.3% · largest 0.10%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage140,0 → 156,540.1ΔRGB(0,15,13)antialiasing coverage residue on a shared outline
Extra86,0 → 86,700.10candidate adds paint absent from reference (0.10%)
AntialiasCoverage94,8 → 102,620.10ΔRGB(0,-11,-10)antialiasing coverage residue on a shared outline
Extra16,16 → 16,540.05candidate adds paint absent from reference (0.05%)
Extra54,16 → 54,540.05candidate adds paint absent from reference (0.05%)
Extra140,16 → 140,540.05candidate adds paint absent from reference (0.05%)
Extra156,16 → 156,540.05candidate adds paint absent from reference (0.05%)
AntialiasCoverage0,54 → 16,700.04ΔRGB(0,1,1)antialiasing coverage residue on a shared outline
AntialiasCoverage62,0 → 70,80.02ΔRGB(0,-20,-18)antialiasing coverage residue on a shared outline
AntialiasCoverage54,8 → 62,160.02ΔRGB(0,20,18)antialiasing coverage residue on a shared outline
AntialiasCoverage86,62 → 93,700.02ΔRGB(0,-35,-31)antialiasing coverage residue on a shared outline
AntialiasCoverage156,54 → 156,620.01ΔRGB(89,-14,-4)antialiasing coverage residue on a shared outline
AntialiasCoverage172,0 → 172,00.000445ΔRGB(15,12,12)antialiasing coverage residue on a shared outline
AntialiasCoverage8,8 → 8,80.000445ΔRGB(0,-6,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage94,8 → 94,80.000445ΔRGB(0,2,2)antialiasing coverage residue on a shared outline
AntialiasCoverage62,62 → 62,620.000445ΔRGB(0,7,7)antialiasing coverage residue on a shared outline
AntialiasCoverage148,62 → 148,620.000445ΔRGB(0,-19,-17)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-style-3d-bevels.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border-style 3d bevels</title>
6<style>
7  @page { size: 360px 96px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .row {
12    width: 360px;
13    height: 90px;
14    padding: 10px;
15    font-size: 0;
16    background: #f5f5f5;
17  }
18  .box {
19    display: inline-block;
20    width: 70px;
21    height: 70px;
22    margin-right: 16px;
23    border-width: 16px;
24    border-color: #00897b;
25    background: #ffffff;
26  }
27  .box:last-child { margin-right: 0; }
28  .groove { border-style: groove; }
29  .ridge { border-style: ridge; }
30  .inset { border-style: inset; }
31  .outset { border-style: outset; }
32</style>
33</head>
34<body>
35  <div class="row">
36    <div class="box groove"></div>
37    <div class="box ridge"></div>
38    <div class="box inset"></div>
39    <div class="box outset"></div>
40  </div>
41</body>
42</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.05% · raw 0.05% (153 px) border-style-dashed · dashedPASS via CSS-scale observation: one-sided sub-CSS outline coverageExtraextra 0.2%ΔE 22.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw candidate adds paint absent from reference (0.2%)
Box with a 6px dashed border.
regions (9 total; showing 9 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr71156,0 → 113,12019total 0.05% · largest 0.008107%
Extra238125,0 → 125,12019total 0.02% · largest 0.008107%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
Extra125,0 → 125,60.008107candidate adds paint absent from reference (0.008107%)
Extra125,114 → 125,1200.008107candidate adds paint absent from reference (0.008107%)
AntialiasCoverage56,0 → 56,60.008107ΔRGB(75,70,37)antialiasing coverage residue on a shared outline
AntialiasCoverage68,0 → 68,60.008107ΔRGB(-75,-70,-37)antialiasing coverage residue on a shared outline
AntialiasCoverage113,0 → 113,60.008107ΔRGB(64,60,32)antialiasing coverage residue on a shared outline
AntialiasCoverage56,114 → 56,1200.008107ΔRGB(75,70,37)antialiasing coverage residue on a shared outline
AntialiasCoverage68,114 → 68,1200.008107ΔRGB(-75,-70,-37)antialiasing coverage residue on a shared outline
AntialiasCoverage113,114 → 113,1200.008107ΔRGB(64,60,32)antialiasing coverage residue on a shared outline
AntialiasCoverage6,6 → 6,60.000427ΔRGB(-6,-5,-2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/border-style-dashed.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>border style dashed</title>
6<style>
7  @page { size: 280px 120px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 120px;
14    background-color: #ffffff;
15    border: 6px dashed #283593;
16  }
17</style>
18</head>
19<body>
20  <div class="box"></div>
21</body>
22</html>
PASS exact match border-style-double · double
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Box with a 10px double border (two solid rules separated by a gap).
PASS exact match border-style-none · none-no-paint
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-style none paints no border while reserving the declared width via longhands.

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

PASS exact match border-width-four-value-shorthand · four-value-shorthand
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
border-width four-value shorthand assigns visibly different widths to every side; catches uniform-width shorthand parsing.

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0.04% · raw 0.04% (140 px) box-shadow-inset-elliptical-radius · inset-elliptical-radiusPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 30.0
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
An inset spread shadow follows an elliptical border-radius inner curve; catches rectangular or scalar-radius clipping.
regions (3 total; showing 3 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr314013,18 → 164,69138total 0.09% · largest 0.09%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage164,26 → 164,690.09ΔRGB(-10,-67,0)antialiasing coverage residue on a shared outline
AntialiasCoverage13,18 → 13,180.000633ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
AntialiasCoverage156,18 → 156,180.000633ΔRGB(1,4,0)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/box-shadow-inset-elliptical-radius.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>box shadow inset elliptical radius</title>
6<style>
7  @page { size: 224px 152px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 170px;
13    height: 95px;
14    margin: 25px;
15    background: #fdd835;
16    border: 6px solid #111111;
17    border-radius: 50% / 28%;
18    box-shadow: inset 0 0 0 18px #e53935;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.002133% · raw 0.002133% (8 px) box-shadow-spread-nonuniform-radius · spread-nonuniform-radiusPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 2.2
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
A spread-only outer box-shadow preserves four unequal corner radii; catches scalar-radius shadow inflation.
regions (8 total; showing 8 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr881,1 → 195,1251total 0.003312% · largest 0.000414%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage185,1 → 185,10.000414ΔRGB(-10,-5,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage195,11 → 195,110.000414ΔRGB(-6,-4,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage1,104 → 1,1040.000414ΔRGB(-19,-10,-2)antialiasing coverage residue on a shared outline
AntialiasCoverage3,109 → 3,1090.000414ΔRGB(-10,-5,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage8,117 → 8,1170.000414ΔRGB(-4,-2,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage9,118 → 9,1180.000414ΔRGB(-4,-2,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage17,123 → 17,1230.000414ΔRGB(-10,-5,-1)antialiasing coverage residue on a shared outline
AntialiasCoverage21,125 → 21,1250.000414ΔRGB(-19,-10,-2)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/box-shadow-spread-nonuniform-radius.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>box shadow spread nonuniform radius</title>
6<style>
7  @page { size: 240px 160px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 160px;
13    height: 90px;
14    margin: 35px;
15    background: #fdd835;
16    border: 4px solid #111111;
17    border-radius: 42px 6px 30px 12px;
18    box-shadow: 0 0 0 18px #1e88e5;
19  }
20</style>
21</head>
22<body>
23  <div class="box"></div>
24</body>
25</html>
PASS visually equivalent · no rejecting defect · thresholded evidence 0.001141% · raw 0.001141% (4 px) box-shadow-elliptical-radius · elliptical-percentage-radiusPASS via CSS-scale observation: sub-CSS shared-colour coverageAntialiasCoverageΔE 4.0
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: visually accepted coverage phase; raw antialiasing coverage residue on a shared outline
A pill-shaped border-radius:50% casts a hard oval shadow; catches scalar rounded-rectangle shadow math on non-square boxes.
regions (4 total; showing 4 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr44169,20 → 203,801total 0.001901% · largest 0.000475%

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage169,20 → 169,200.000475ΔRGB(-12,-5,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage203,41 → 203,410.000475ΔRGB(-8,-12,-6)antialiasing coverage residue on a shared outline
AntialiasCoverage169,60 → 169,600.000475ΔRGB(-6,14,0)antialiasing coverage residue on a shared outline
AntialiasCoverage203,80 → 203,800.000475ΔRGB(-6,-9,-4)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/box-shadow-elliptical-radius.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>box-shadow elliptical radius</title>
6<style>
7  @page { size: 264px 136px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .stage {
12    width: 260px;
13    height: 130px;
14    padding: 15px 50px 35px 15px;
15    background: #ffffff;
16  }
17  .pill {
18    width: 180px;
19    height: 80px;
20    border-radius: 50%;
21    background: #26a69a;
22    box-shadow: 34px 20px 0 #6a1b9a;
23  }
24</style>
25</head>
26<body>
27  <div class="stage"><div class="pill"></div></div>
28</body>
29</html>
PASS exact match border-box-shadow-offset · hard-offset
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Box with a hard-edged (zero-blur) offset box-shadow for deterministic diffing.
PASS exact match border-x-box-shadow · x-border
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Combo: a hard offset box-shadow cast by a box that also has a solid border (same-category combination).

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

PASS visually equivalent · no rejecting defect · thresholded evidence 0% · raw 0.000183% (1 px) background-conic-gradient · centerPASS via raw same-coordinate visibility policyAntialiasCoverageΔE 0.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: antialiasing coverage residue on a shared outline
Centered multi-stop conic-gradient background.
regions (1 total; showing 1 representative)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr1114,111 → 14,1111total 0.000256% · largest 0.000256% · max ΔE 0.3

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage14,111 → 14,1110.000256ΔE 0.3 ΔRGB(0,1,0)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-conic-gradient.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>conic-gradient background</title>
6<style>
7  @page { size: 280px 200px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 200px;
14    background: conic-gradient(#d50000, #2962ff, #00c853, #d50000);
15  }
16</style>
17</head>
18<body>
19  <div class="box"></div>
20</body>
21</html>

linear-gradient — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS visually equivalent · no rejecting defect · thresholded evidence 0% · raw 0.000731% (4 px) background-linear-gradient-diagonal · 45deg-diagonalPASS via raw same-coordinate visibility policyAntialiasCoverageΔE 0.3
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
why: antialiasing coverage residue on a shared outline
Diagonal 45deg two-stop linear-gradient background on a square box.
regions (4 total; showing 4 representatives)

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

Complete dominant-class aggregates

classregionspixelsunion bbox (CSS px)largest pxmaximum magnitude
ColorErr4437,37 → 54,541total 0.001024% · largest 0.000256% · max ΔE 0.3

Representative region details (worst-first)

classbbox (CSS px)area%magnitudereason
AntialiasCoverage37,37 → 37,370.000256ΔE 0.3 ΔRGB(1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage40,40 → 40,400.000256ΔE 0.3 ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage46,46 → 46,460.000256ΔE 0.3 ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
AntialiasCoverage54,54 → 54,540.000256ΔE 0.3 ΔRGB(-1,0,0)antialiasing coverage residue on a shared outline
source · cases/backgrounds-borders/background-linear-gradient-diagonal.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<title>background linear-gradient diagonal 45deg</title>
6<style>
7  @page { size: 280px 200px; margin: 0; }
8  html { font-family: ParitySans; line-height: 1.5; }
9  * { margin: 0; box-sizing: border-box; }
10  html, body { background: #ffffff; }
11  .box {
12    width: 200px;
13    height: 200px;
14    background-image: linear-gradient(45deg, #004d40, #ffd54f);
15  }
16</style>
17</head>
18<body>
19  <div class="box"></div>
20</body>
21</html>
PASS exact match background-linear-gradient · to-right
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Horizontal two-stop linear-gradient background.

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

PASS exact match outline-offset-negative · negative-offset
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
outline-offset negative pulls the outline inward over the box.
PASS exact match outline-solid · solid-offset
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Square-corner outline with a positive offset. Exact outline geometry is user-agent-defined; this fixture is a Chromium compatibility canary.

radial-gradient — 100.00% verified visual parity PASS 2 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match background-radial-gradient · circle-center
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Centered circular two-stop radial-gradient background on a square box.
PASS exact match background-radial-gradient-ellipse · ellipse-farthest-corner
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
Elliptical radial-gradient sized to the farthest corner.

root-body-canvas-background-precedence — 100.00% verified visual parity PASS 1 · FAIL 0 · REFERENCE-DISPUTED 0all categories ↑

PASS exact match html-background-suppresses-body-canvas · root-suppresses-body-propagation
Chrome ref
Chrome ref
ironpress
ironpress
full-page >1.0%/channel diff
full-page >1.0%/channel diff
An html background paints the canvas and prevents body background propagation; catches engines that fill the whole page with the body color.