Click here to download the Blitz Browser!

WPT

wpt / css / css-backgrounds / animations / border-image-outset-composition.html

Spec: CSS Backgrounds ↗

Runs: Chrome 155.0.8042.0 (wpt@0588f3896, 2026-09-04) | Firefox 157.0a1 (wpt@0588f3896, 2026-09-04) | Safari 251 preview (wpt@0588f3896, 2026-09-04) | Ladybird 1.0-b1af2 (wpt@0588f3896, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)

View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi

ChromeFirefoxSafariLadybirdServoBlitz
Total112/112112/112112/11274/11256/11219/112
SubtestChromeFirefoxSafariLadybirdServoBlitz
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (-0.25) should be [0]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0) should be [2 4 6 8]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.25) should be [27 29 31 33]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.5) should be [52 54 56 58]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (0.75) should be [77 79 81 83]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1) should be [102 104 106 108]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3 4] from add [1 2 3 4] to add [101 102 103 104] at (1.25) should be [127 129 131 133]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (-0.25) should be [175 250 300 450]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0) should be [200 300 400 500]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.25) should be [225 350 500 550]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.5) should be [250 400 600 600]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.75) should be [275 450 700 650]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1) should be [300 500 800 700]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1.25) should be [325 550 900 750]PASSPASSPASSFAILPASSFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (-0.25) should be [175 250 300 450]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0) should be [200 300 400 500]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.25) should be [225 350 500 550]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.5) should be [250 400 600 600]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (0.75) should be [275 450 700 650]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1) should be [300 500 800 700]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [100 200 300 400] from add [100] to add [200 300 500] at (1.25) should be [325 550 900 750]PASSPASSPASSFAILFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (-0.25) should be [0 0 0px 0px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0) should be [2 4 6px 8px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.25) should be [27 29 31px 33px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.5) should be [52 54 56px 58px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.75) should be [77 79 81px 83px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (1) should be [102 104 106px 108px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (1.25) should be [127 129 131px 133px]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (-0.25) should be [0 0 0px 0px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0) should be [2 4 6px 8px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.25) should be [27 29 31px 33px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.5) should be [52 54 56px 58px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (0.75) should be [77 79 81px 83px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (1) should be [102 104 106px 108px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [1 2 3px 4px] from add [1 2 3px 4px] to add [101 102 103px 104px] at (1.25) should be [127 129 131px 133px]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (-0.25) should be [225px 225px 350px 350px]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0) should be [200px 200px 300px 300px]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.25) should be [175px 175px 250px 250px]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.5) should be [150px 150px 200px 200px]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.75) should be [125px 125px 150px 150px]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1) should be [100px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1.25) should be [75px 75px 50px 50px]PASSPASSPASSFAILPASSFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (-0.25) should be [225px 225px 350px 350px]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0) should be [200px 200px 300px 300px]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.25) should be [175px 175px 250px 250px]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.5) should be [150px 150px 200px 200px]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (0.75) should be [125px 125px 150px 150px]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1) should be [100px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20px] from add [190px 180px 290px 280px] to add [90px 80px] at (1.25) should be [75px 75px 50px 50px]PASSPASSPASSFAILFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (-0.25) should be [75 75px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0) should be [100 100px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.25) should be [125 125px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.5) should be [150 150px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.75) should be [175 175px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1) should be [200 200px]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1.25) should be [225 225px]PASSPASSPASSPASSPASSFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (-0.25) should be [75 75px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0) should be [100 100px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.25) should be [125 125px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.5) should be [150 150px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (0.75) should be [175 175px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1) should be [200 200px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20px] from replace [100 100px] to add [190 180px] at (1.25) should be [225 225px]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (-0.25) should be [125px 125]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0) should be [100px 100]PASSPASSPASSPASSPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.25) should be [75px 75]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.5) should be [50px 50]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.75) should be [25px 25]PASSPASSPASSFAILPASSFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1) should be [0px 0]PASSPASSPASSFAILPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1.25) should be [0px 0]PASSPASSPASSFAILPASSPASS
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (-0.25) should be [125px 125]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0) should be [100px 100]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.25) should be [75px 75]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.5) should be [50px 50]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (0.75) should be [25px 25]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1) should be [0px 0]PASSPASSPASSFAILFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10px 20] from add [90px 80] to replace [0px 0 0px 0] at (1.25) should be [0px 0]PASSPASSPASSFAILFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (-0.25) should be [75px 125px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0) should be [100px 150px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.25) should be [125px 175px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.5) should be [150px 200px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.75) should be [175px 225px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1) should be [200px 250px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1.25) should be [225px 275px]PASSPASSPASSPASSPASSPASS
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (-0.25) should be [75px 125px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0) should be [100px 150px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.25) should be [125px 175px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.5) should be [150px 200px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (0.75) should be [175px 225px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1) should be [200px 250px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100px 150px] to add [200px 250px] at (1.25) should be [225px 275px]PASSPASSPASSPASSFAILFAIL
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (-0.25) should be [100 150px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0) should be [100 150px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.25) should be [100 150px]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.5) should be [200px 250]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.75) should be [200px 250]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1) should be [200px 250]PASSPASSPASSPASSPASSPASS
Compositing CSS Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1.25) should be [200px 250]PASSPASSPASSPASSPASSPASS
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (-0.25) should be [100 150px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0) should be [100 150px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.25) should be [100 150px]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.5) should be [200px 250]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (0.75) should be [200px 250]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1) should be [200px 250]PASSPASSPASSPASSFAILFAIL
Compositing Web Animations: property <border-image-outset> underlying [10 20] from add [100 150px] to add [200px 250] at (1.25) should be [200px 250]PASSPASSPASSPASSFAILFAIL