<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[277073] trunk/LayoutTests</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/277073">277073</a></dd>
<dt>Author</dt> <dd>ntim@apple.com</dd>
<dt>Date</dt> <dd>2021-05-06 01:38:08 -0700 (Thu, 06 May 2021)</dd>
</dl>

<h3>Log Message</h3>
<pre>Re-import css/css-backgrounds WPTs
https://bugs.webkit.org/show_bug.cgi?id=225408

Reviewed by Youenn Fablet.

LayoutTests/imported/w3c:

* resources/resource-files.json:
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-animation.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-transition.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html: Added.
* web-platform-tests/css/css-backgrounds/animations/invalidation/w3c-import.log: Added.
* web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html: Added.
* web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html: Added.
* web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html: Added.
* web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html: Added.
* web-platform-tests/css/css-backgrounds/animations/w3c-import.log:
* web-platform-tests/css/css-backgrounds/background-attachment-350.html:
* web-platform-tests/css/css-backgrounds/background-attachment-353-expected.xht: Added.
* web-platform-tests/css/css-backgrounds/background-attachment-353.html: Added.
* web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html: Added.
* web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html:
* web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html:
* web-platform-tests/css/css-backgrounds/background-clip-content-box-002-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html: Added.
* web-platform-tests/css/css-backgrounds/background-margin-iframe-root.html:
* web-platform-tests/css/css-backgrounds/background-margin-root.html:
* web-platform-tests/css/css-backgrounds/background-margin-transformed-root.html:
* web-platform-tests/css/css-backgrounds/background-margin-will-change-root.html:
* web-platform-tests/css/css-backgrounds/background-repeat-round-1a-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1a.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1b-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1b.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1c-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1c.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1d-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1d.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1e-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-1e.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-2.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-3-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-3.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-4-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-round-4.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-10-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-10.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-1a-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-1a.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-1b-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-1b.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-1c-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-1c.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-2.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-3-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-3.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-4-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-4.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-5-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-5.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-6-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-6.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-7-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-7.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-8-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-8.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-9-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-repeat-space-9.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-006.html:
* web-platform-tests/css/css-backgrounds/background-size-009.html:
* web-platform-tests/css/css-backgrounds/background-size-014.html:
* web-platform-tests/css/css-backgrounds/background-size-017.html:
* web-platform-tests/css/css-backgrounds/background-size-041-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-041.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-042-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-042.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-043-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-043.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-044-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-044.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-percentage-root-expected.html: Added.
* web-platform-tests/css/css-backgrounds/background-size-percentage-root.html: Added.
* web-platform-tests/css/css-backgrounds/bg-color-with-gradient-expected.html: Added.
* web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-image-type-003.htm:
* web-platform-tests/css/css-backgrounds/border-image-repeat-1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-1.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-round-1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-round-2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-2-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-3-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-6-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-6.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-7-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-repeat-space-7.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-shorthand-002-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm:
* web-platform-tests/css/css-backgrounds/border-image-shorthand-003-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm:
* web-platform-tests/css/css-backgrounds/border-image-slice-005-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-slice-005.htm:
* web-platform-tests/css/css-backgrounds/border-image-slice-007-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-image-slice-007.htm:
* web-platform-tests/css/css-backgrounds/border-radius-012-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-radius-012.html: Added.
* web-platform-tests/css/css-backgrounds/border-radius-clip-001-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-radius-clip-001.htm: Removed.
* web-platform-tests/css/css-backgrounds/border-radius-clip-001.html: Added.
* web-platform-tests/css/css-backgrounds/border-radius-clip-002-expected.htm: Added.
* web-platform-tests/css/css-backgrounds/border-radius-clip-002.htm:
* web-platform-tests/css/css-backgrounds/border-radius-clipping-002-expected.xht: Added.
* web-platform-tests/css/css-backgrounds/border-radius-clipping-002.html: Added.
* web-platform-tests/css/css-backgrounds/border-radius-clipping-expected.html: Removed.
* web-platform-tests/css/css-backgrounds/border-radius-clipping.html: Removed.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-a-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-b-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-c-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-d-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-e-expected.html: Added.
* web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-029-expected.xht: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-029.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-039-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-039.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-040-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-040.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-041-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-041.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-042-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-042.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-currentcolor-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-radius-000-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-radius-001-expected.html: Added.
* web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html: Added.
* web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat-expected.html:
* web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html:
* web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch-expected.html:
* web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html:
* web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html: Added.
* web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html: Added.
* web-platform-tests/css/css-backgrounds/hidpi/w3c-import.log: Added.
* web-platform-tests/css/css-backgrounds/inline-background-rtl-001-expected.html: Added.
* web-platform-tests/css/css-backgrounds/inline-background-rtl-001.html: Added.
* web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html: Added.
* web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line-expected.html: Added.
* web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line.html: Added.
* web-platform-tests/css/css-backgrounds/parsing/background-image-invalid-expected.txt:
* web-platform-tests/css/css-backgrounds/parsing/background-image-invalid.html:
* web-platform-tests/css/css-backgrounds/parsing/background-image-valid-expected.txt:
* web-platform-tests/css/css-backgrounds/parsing/background-image-valid.html:
* web-platform-tests/css/css-backgrounds/simple-bg-color-expected.html: Added.
* web-platform-tests/css/css-backgrounds/simple-bg-color.html: Added.
* web-platform-tests/css/css-backgrounds/support/100x100-gr-rr.png: Added.
* web-platform-tests/css/css-backgrounds/support/100x100-green-with-red-corners.png: Added.
* web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-green.png: Added.
* web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red-old.png: Added.
* web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red.png: Added.
* web-platform-tests/css/css-backgrounds/support/aqua-yellow-32x32.png: Added.
* web-platform-tests/css/css-backgrounds/support/aqua-yellow-37x37.png: Added.
* web-platform-tests/css/css-backgrounds/support/blue-diamond-27x27.png: Added.
* web-platform-tests/css/css-backgrounds/support/new-red-diamond-27x27.png: Added.
* web-platform-tests/css/css-backgrounds/support/orange-intrinsic-none.svg: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-bl.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-bo.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-br.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-ct.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-le.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-ri.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-tl.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-to.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule-tr.png: Added.
* web-platform-tests/css/css-backgrounds/support/reticule.png: Added.
* web-platform-tests/css/css-backgrounds/support/w3c-import.log:
* web-platform-tests/css/css-backgrounds/support/y.png: Added.
* web-platform-tests/css/css-backgrounds/w3c-import.log:

LayoutTests:

* TestExpectations:
* platform/ios-wk2/TestExpectations:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsimportedw3cChangeLog">trunk/LayoutTests/imported/w3c/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsimportedw3cresourcesresourcefilesjson">trunk/LayoutTests/imported/w3c/resources/resource-files.json</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsw3cimportlog">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachment350html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-350.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentlocalattachmentlocalclippingcolor5html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentlocalattachmentlocalclippingimage5html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmarginiframeroothtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-iframe-root.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmarginroothtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-root.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmargintransformedroothtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-transformed-root.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmarginwillchangeroothtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-will-change-root.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize006html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-006.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize009html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-009.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize014html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-014.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize017html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-017.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageimagetype003htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-image-type-003.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand002htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand003htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice005htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice007htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip002htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatrepeatexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatrepeathtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatstretchexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatstretchhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimageinvalidexpectedtxt">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimageinvalidhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimagevalidexpectedtxt">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-valid-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimagevalidhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-valid.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportw3cimportlog">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsw3cimportlog">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2TestExpectations">trunk/LayoutTests/platform/ios-wk2/TestExpectations</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationelementnotvisibleatcurrentviewportexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationelementnotvisibleatcurrentviewporthtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackadditivekeyframeexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackadditivekeyframehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing0percentexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing0percenthtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing100percentexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing100percenthtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackreplaceexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackreplacehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfragmentedexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfragmentedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationinbodyexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationinbodyhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationnonzerosizeelementchangetozeroexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationnonzerosizeelementchangetozerohtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationsinglekeyframeexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationsinglekeyframehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes3expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes3html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithimagesexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithimageshtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable3expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable3html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable4expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable4html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithzeroplaybackRateexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithzeroplaybackRatehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementchangetononzeroexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementchangetononzerohtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransitionexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransitionhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransparentanimationinbodyexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransparentanimationinbodyhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html</a></li>
<li>trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/</li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcoloranimationwithzeroalphaexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcoloranimationwithzeroalphahtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionobscuredexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionobscuredhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithdelayexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithdelayhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithinitiallytransparentexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithinitiallytransparenthtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationw3cimportlog">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength3expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength3html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachment353expectedxht">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachment353html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentfixedinsidetransform1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentfixedinsidetransform1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundclipcontentbox002expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundclipcontentbox002html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1aexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1ahtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1bexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1bhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1cexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1chtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1dexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1dhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1eexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1ehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround3expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround3html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround4expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround4html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace10expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace10html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1aexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1ahtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1bexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1bhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1cexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1chtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace3expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace3html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace4expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace4html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace5expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace5html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace6expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace6html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace7expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace7html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace8expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace8html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace9expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace9html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize041expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize041html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize042expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize042html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize043expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize043html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize044expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize044html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsizepercentagerootexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsizepercentageroothtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbgcolorwithgradientexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbgcolorwithgradienthtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagedisplayedwithtransparentbordercolorexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagedisplayedwithtransparentbordercolorhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeat1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeat1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace2expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace2html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace3expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace3html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4ref1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4ref1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5ref1expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5ref1html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace6expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace6html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace7expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace7html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand002expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand003expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice005expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice007expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradius012expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradius012html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip001expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip001html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip002expectedhtm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002-expected.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclipping002expectedxht">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclipping002html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001aexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001ahtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001bexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001bhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001cexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001chtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001dexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001dhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001eexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001ehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow029expectedxht">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow029html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow039expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow039html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow040expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow040html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow041expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow041html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow042expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow042html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowcurrentcolorexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowcurrentcolorhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping001expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping001html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping002expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping002html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping003expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping003html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping004expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping004html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius000expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius000html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius001expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius001html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html</a></li>
<li>trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/</li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundshidpisimplebgcolorexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundshidpisimplebgcolorhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundshidpiw3cimportlog">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsinlinebackgroundrtl001expectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsinlinebackgroundrtl001html">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundslineargradientcalccrashhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundslineargradientcurrentcolorfirstlineexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundslineargradientcurrentcolorfirstlinehtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssimplebgcolorexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/simple-bg-color-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssimplebgcolorhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/simple-bg-color.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupport100x100grrrpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/100x100-gr-rr.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupport100x100greenwithredcornerspng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/100x100-green-with-red-corners.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupport9grid40302010greenpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-green.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupport9grid40302010redoldpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red-old.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupport9grid40302010redpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportaquayellow32x32png">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/aqua-yellow-32x32.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportaquayellow37x37png">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/aqua-yellow-37x37.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportbluediamond27x27png">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/blue-diamond-27x27.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportnewreddiamond27x27png">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/new-red-diamond-27x27.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportorangeintrinsicnonesvg">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/orange-intrinsic-none.svg</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticuleblpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-bl.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticulebopng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-bo.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticulebrpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-br.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticulectpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-ct.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticulelepng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-le.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticuleripng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-ri.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticuletlpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-tl.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticuletopng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-to.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticuletrpng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule-tr.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportreticulepng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/reticule.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundssupportypng">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/support/y.png</a></li>
</ul>

<h3>Removed Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip001htm">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.htm</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclippingexpectedhtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclippinghtml">trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping.html</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog      2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/ChangeLog 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,5 +1,15 @@
</span><span class="cx"> 2021-05-06  Tim Nguyen  <ntim@apple.com>
</span><span class="cx"> 
</span><ins>+        Re-import css/css-backgrounds WPTs
+        https://bugs.webkit.org/show_bug.cgi?id=225408
+
+        Reviewed by Youenn Fablet.
+
+        * TestExpectations:
+        * platform/ios-wk2/TestExpectations:
+
+2021-05-06  Tim Nguyen  <ntim@apple.com>
+
</ins><span class="cx">         [mediaqueries] Remove "on-demand" value for any-hover/hover & "forced" value for prefers-contrast
</span><span class="cx">         https://bugs.webkit.org/show_bug.cgi?id=225400
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations       2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/TestExpectations  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -3520,12 +3520,49 @@
</span><span class="cx"> webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-width-006.xht [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-width-007.xht [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-width-008.html [ ImageOnlyFailure ]
</span><del>-webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping.html [ ImageOnlyFailure ]
</del><span class="cx"> webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/css-border-radius-001.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html [ ImageOnlyFailure ]
</span><del>-webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html [ ImageOnlyFailure ]
</del><span class="cx"> webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/first-letter-space-not-selected.html [ ImageOnlyFailure ]
</span><span class="cx"> 
</span><ins>+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html [ ImageOnlyFailure ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html [ ImageOnlyFailure ]
+
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-350.html [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-image-007.html [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-image-centered-with-border-radius.html [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat/background-repeat-round-roundup.xht [ ImageOnlyFailure Pass ]
+webkit.org/b/206753 imported/w3c/web-platform-tests/css/css-backgrounds/background-size/background-size-cover-contain-001.xht [ ImageOnlyFailure Pass ]
+
</ins><span class="cx"> webkit.org/b/206579 [ Debug ] imported/w3c/web-platform-tests/css/css-backgrounds/background-size/vector/zero-height-ratio-auto-5px.html [ Skip ]
</span><span class="cx"> webkit.org/b/206579 [ Debug ] imported/w3c/web-platform-tests/css/css-backgrounds/background-size/vector/zero-width-ratio-auto-5px.html [ Skip ]
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/ChangeLog (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/ChangeLog    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,5 +1,266 @@
</span><span class="cx"> 2021-05-06  Tim Nguyen  <ntim@apple.com>
</span><span class="cx"> 
</span><ins>+        Re-import css/css-backgrounds WPTs
+        https://bugs.webkit.org/show_bug.cgi?id=225408
+
+        Reviewed by Youenn Fablet.
+
+        * resources/resource-files.json:
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-animation.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-transition.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/invalidation/w3c-import.log: Added.
+        * web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html: Added.
+        * web-platform-tests/css/css-backgrounds/animations/w3c-import.log:
+        * web-platform-tests/css/css-backgrounds/background-attachment-350.html:
+        * web-platform-tests/css/css-backgrounds/background-attachment-353-expected.xht: Added.
+        * web-platform-tests/css/css-backgrounds/background-attachment-353.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html:
+        * web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html:
+        * web-platform-tests/css/css-backgrounds/background-clip-content-box-002-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-margin-iframe-root.html:
+        * web-platform-tests/css/css-backgrounds/background-margin-root.html:
+        * web-platform-tests/css/css-backgrounds/background-margin-transformed-root.html:
+        * web-platform-tests/css/css-backgrounds/background-margin-will-change-root.html:
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1a-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1a.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1b-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1b.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1c-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1c.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1d-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1d.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1e-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-1e.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-2.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-3-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-3.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-4-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-round-4.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-10-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-10.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-1a-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-1a.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-1b-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-1b.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-1c-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-1c.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-2.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-3-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-3.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-4-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-4.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-5-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-5.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-6-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-6.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-7-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-7.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-8-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-8.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-9-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-repeat-space-9.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-006.html:
+        * web-platform-tests/css/css-backgrounds/background-size-009.html:
+        * web-platform-tests/css/css-backgrounds/background-size-014.html:
+        * web-platform-tests/css/css-backgrounds/background-size-017.html:
+        * web-platform-tests/css/css-backgrounds/background-size-041-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-041.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-042-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-042.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-043-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-043.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-044-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-044.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-percentage-root-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/background-size-percentage-root.html: Added.
+        * web-platform-tests/css/css-backgrounds/bg-color-with-gradient-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-image-type-003.htm:
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-1.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-round-1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-round-2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-2-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-3-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-6-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-6.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-7-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-repeat-space-7.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-shorthand-002-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm:
+        * web-platform-tests/css/css-backgrounds/border-image-shorthand-003-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm:
+        * web-platform-tests/css/css-backgrounds/border-image-slice-005-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-slice-005.htm:
+        * web-platform-tests/css/css-backgrounds/border-image-slice-007-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-image-slice-007.htm:
+        * web-platform-tests/css/css-backgrounds/border-radius-012-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-012.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-clip-001-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-clip-001.htm: Removed.
+        * web-platform-tests/css/css-backgrounds/border-radius-clip-001.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-clip-002-expected.htm: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-clip-002.htm:
+        * web-platform-tests/css/css-backgrounds/border-radius-clipping-002-expected.xht: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-clipping-002.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-radius-clipping-expected.html: Removed.
+        * web-platform-tests/css/css-backgrounds/border-radius-clipping.html: Removed.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-a-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-b-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-c-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-d-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-e-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-029-expected.xht: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-029.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-039-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-039.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-040-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-040.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-041-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-041.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-042-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-042.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-currentcolor-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-radius-000-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-radius-001-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html: Added.
+        * web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat-expected.html:
+        * web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html:
+        * web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch-expected.html:
+        * web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html:
+        * web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html: Added.
+        * web-platform-tests/css/css-backgrounds/hidpi/w3c-import.log: Added.
+        * web-platform-tests/css/css-backgrounds/inline-background-rtl-001-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/inline-background-rtl-001.html: Added.
+        * web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html: Added.
+        * web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line.html: Added.
+        * web-platform-tests/css/css-backgrounds/parsing/background-image-invalid-expected.txt:
+        * web-platform-tests/css/css-backgrounds/parsing/background-image-invalid.html:
+        * web-platform-tests/css/css-backgrounds/parsing/background-image-valid-expected.txt:
+        * web-platform-tests/css/css-backgrounds/parsing/background-image-valid.html:
+        * web-platform-tests/css/css-backgrounds/simple-bg-color-expected.html: Added.
+        * web-platform-tests/css/css-backgrounds/simple-bg-color.html: Added.
+        * web-platform-tests/css/css-backgrounds/support/100x100-gr-rr.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/100x100-green-with-red-corners.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-green.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red-old.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/9grid40-30-20-10-red.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/aqua-yellow-32x32.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/aqua-yellow-37x37.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/blue-diamond-27x27.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/new-red-diamond-27x27.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/orange-intrinsic-none.svg: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-bl.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-bo.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-br.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-ct.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-le.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-ri.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-tl.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-to.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule-tr.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/reticule.png: Added.
+        * web-platform-tests/css/css-backgrounds/support/w3c-import.log:
+        * web-platform-tests/css/css-backgrounds/support/y.png: Added.
+        * web-platform-tests/css/css-backgrounds/w3c-import.log:
+
+2021-05-06  Tim Nguyen  <ntim@apple.com>
+
</ins><span class="cx">         [mediaqueries] Remove "on-demand" value for any-hover/hover & "forced" value for prefers-contrast
</span><span class="cx">         https://bugs.webkit.org/show_bug.cgi?id=225400
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cresourcesresourcefilesjson"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/resources/resource-files.json     2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -280,6 +280,7 @@
</span><span class="cx">         "web-platform-tests/css/css-backgrounds/box-shadow/tools/box-shadow-blur-definition-001-image-generator.html",
</span><span class="cx">         "web-platform-tests/css/css-backgrounds/color-behind-images.htm",
</span><span class="cx">         "web-platform-tests/css/css-backgrounds/justfortest.html",
</span><ins>+        "web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html",
</ins><span class="cx">         "web-platform-tests/css/css-backgrounds/none-as-image-layer.htm",
</span><span class="cx">         "web-platform-tests/css/css-backgrounds/order-of-images.htm",
</span><span class="cx">         "web-platform-tests/css/css-backgrounds/ttwf-css3background-border-color-shorthand-missing-bottom.htm",
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationelementnotvisibleatcurrentviewportexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,16 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.box {
+  width: 100px;
+  height: 10000px;
+}
+.container {
+  width: 50px;
+  height: 50px;
+  background-color: rgb(100, 100, 0);
+}
+</style>
+<body>
+  <div class='box'></div>
+  <div class='container'></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationelementnotvisibleatcurrentviewporthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-element-not-visible-at-current-viewport-ref.html">
+<style>
+.box {
+  width: 100px;
+  height: 10000px;
+}
+.container {
+  width: 50px;
+  height: 50px;
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="box"></div>
+<div class="container"></div>
+
+<script>
+takeScreenshot();
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 100, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackadditivekeyframeexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(200, 200, 0);
+}
+</style>
+<body>
+  <div class="container"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackadditivekeyframehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-fallback-additive-keyframe-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0, 200, 0);
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+var target = document.getElementById("target");
+target.animate([
+  { backgroundColor: 'rgb(200, 0, 0)', composite: 'accumulate' },
+  { backgroundColor: 'rgb(0, 0, 0' }
+], {
+  duration: 1000000
+});
+requestAnimationFrame(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing0percentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(0, 100, 100)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing0percenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-fallback-missing-0-percent-ref.html">
+<style>
+.container {
+  /*TODO(crbug.com/1163949): Support animation keyframes without 0% or 100%.*/
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  20% { background-color: rgb(0, 200, 0); }
+  80% { background-color: rgb(0, 0, 200); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing100percentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(0, 100, 100)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackmissing100percenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-fallback-missing-100-percent-ref.html">
+<style>
+.container {
+  /*TODO(crbug.com/1163949): Support animation keyframes without 0% or 100%.*/
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(200, 0, 0); }
+  20% { background-color: rgb(0, 200, 0); }
+  80% { background-color: rgb(0, 0, 200); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackreplaceexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(0, 0, 100)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfallbackreplacehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-fallback-replace-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: red 1000000s cubic-bezier(0,1,1,0) -500000s, green 1000000s cubic-bezier(0,1,1,0) -500000s, blue 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes red {
+  0% { background-color: rgb(0, 0, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+@keyframes green {
+  0% { background-color: rgb(0, 0, 0); }
+  100% { background-color: rgb(0, 200, 0); }
+}
+@keyframes blue {
+  0% { background-color: rgb(0, 0, 0); }
+  100% { background-color: rgb(0, 0, 200); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfragmentedexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+<!DOCTYPE html>
+<div style="columns: 2; width: 200px; height: 100px;">
+  <div style="height: 100px; background: rgb(100, 100, 0)"></div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationfragmentedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-fragmented-ref.html">
+<style>
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div style="columns: 2; width: 200px; height: 100px">
+  <div style="animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s; height: 100px"></div>
+</div>
+
+<script>
+takeScreenshot();
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationinbodyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+<!DOCTYPE html>
+<style>
+body {
+  background-color: rgb(100, 100, 0);
+}
+</style>
+<body>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationinbodyhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-in-body-ref.html">
+<style>
+body {
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<body>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationnonzerosizeelementchangetozeroexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero-expected.html ( => )</h4>
<pre class="diff"><span>
<span class="info">Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html
===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html                               (rev 0)
</del><ins>+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html        2021-05-06 08:38:08 UTC (rev 277073)
</ins><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-non-zero-size-element-change-to-zero-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+requestAnimationFrame(() => {
+  var target = document.getElementById("target");
+  target.style.width = '0px';
+  target.style.height = '0px';
+  requestAnimationFrame(() => {
+    takeScreenshot();
+  });
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationsinglekeyframeexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(200, 0, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationsinglekeyframehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-single-keyframe-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(200, 0, 0);
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+document.getElementById("target").animate({backgroundColor: 'rgb(0, 200, 0)'}, 100000000000);
+takeScreenshot();
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 100, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 5% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -50000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  10% {
+    background-color: rgb(200, 0, 0);
+    animation-timing-function: cubic-bezier(0,1,1,0);
+  }
+  100% {
+    background-color: rgb(0, 0, 200);
+    animation-timing-function: cubic-bezier(0,1,1,0);
+  }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+// This test and the "one-element-three-keyframes-animation2.html" ensure that
+// we select the correct start and end keyframes for interpolation. In this
+// test, the start delay of the animation makes it jump to 5% right away, and in
+// the "one-element-three-keyframes-animation2.html" the start delay makes it
+// jump to 50%. So for this test, we would choose the keyframes at 0% and 10%
+// for interpolation, where for the other test it would be 10% and 100%.
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 0, 100)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-three-keyframes2-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  10% {
+    background-color: rgb(200, 0, 0);
+    animation-timing-function: cubic-bezier(0,1,1,0);
+  }
+  100% {
+    background-color: rgb(0, 0, 200);
+    animation-timing-function: cubic-bezier(0,1,1,0);
+  }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+// The start delay of the animation makes it jump 50% of the animation, which
+// means we would select the keyframes at 10% and 100% for animation. The
+// progress would be (0.5-0.1) / (1-0.1) = 0.44. So a timing function input of
+// 0.44 results in an output of 0.5.
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 100, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationthreekeyframes3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 5% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -50000s;
+}
+@keyframes bgcolor {
+  10% {
+    background-color: rgb(200, 0, 0);
+    animation-timing-function: cubic-bezier(0,1,1,0);
+  }
+  0% { background-color: rgb(0, 200, 0); }
+  100% {
+    background-color: rgb(0, 0, 200);
+    animation-timing-function: cubic-bezier(0,1,1,0);
+  }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithimagesexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.container1 {
+  width: 200px;
+  height: 200px;
+  background-image: url("../support/green.png"), url("../support/red.png");
+  background-size: 100px 100px;
+  background-repeat: no-repeat;
+  background-color: rgb(0, 0, 199);
+}
+.container2 {
+  width: 200px;
+  height: 200px;
+  background-image: url("../support/green.png"), url("../support/red.png");
+  background-size: 100px 100px;
+  background-repeat: no-repeat;
+}
+.container3 {
+  width: 100px;
+  height: 100px;
+  background-image: url("../support/green.png"), url("../support/red.png");
+}
+</style>
+</style>
+<body>
+  <div class="container1"></div>
+  <div class="container2"></div>
+  <div class="container3"></div>
+  <div class="container3"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithimageshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-images-ref.html">
+<style>
+.container1 {
+  width: 200px;
+  height: 200px;
+  /* Test the case where images partially occludes the background color */
+  background-image: url("../support/green.png"), url("../support/red.png");
+  background-size: 100px 100px;
+  background-repeat: no-repeat;
+  animation: blue-anim 100s;
+}
+.container2 {
+  width: 200px;
+  height: 200px;
+  /* Test the case where images partially occludes the background color */
+  background-image: url("../support/green.png"), url("../support/red.png");
+  background-size: 100px 100px;
+  background-repeat: no-repeat;
+  animation: transparent-anim 100s;
+}
+.container3 {
+  width: 100px;
+  height: 100px;
+  /* Test the case where images occludes the background color */
+  background-image: url("../support/green.png"), url("../support/red.png");
+  animation: transparent-anim 100s;
+}
+.container4 {
+  width: 100px;
+  height: 100px;
+  /* Test the case where images occludes the background color */
+  background-image: url("../support/green.png"), url("../support/red.png");
+  animation: blue-anim 100s;
+}
+@keyframes blue-anim {
+  0% { background-color: rgb(0, 0, 199); }
+  100% { background-color: rgb(0, 0, 200); }
+}
+@keyframes transparent-anim {
+  0% { background-color: rgba(0, 200, 0, 0); }
+  100% { background-color: rgba(200, 0, 0, 0); }
+}
+</style>
+<body>
+  <div class="container1"></div>
+  <div class="container2"></div>
+  <div class="container3"></div>
+  <div class="container4"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<style>
+table {
+  width: 160px;
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-table1-ref.html">
+<style>
+table {
+  width: 160px;
+}
+tr {
+  animation: bgcolor 0.1s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgba(0, 200, 0, 0); }
+  100% { background-color: rgba(200, 0, 0, 0); }
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<style>
+table {
+  width: 160px;
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-table1-ref.html">
+<style>
+table {
+  width: 160px;
+}
+.firstcolumn {
+  animation: bgcolor 100s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgba(0, 200, 0, 0); }
+  100% { background-color: rgba(200, 0, 0, 0); }
+}
+</style>
+<table>
+  <colgroup>
+    <col class="firstcolumn">
+  </colgroup>
+  <tr><td>1</td></tr>
+  <tr><td>2</td></tr>
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<style>
+table {
+  width: 160px;
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-table1-ref.html">
+<style>
+table {
+  width: 160px;
+}
+td {
+  animation: bgcolor 100s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgba(0, 200, 0, 0); }
+  100% { background-color: rgba(200, 0, 0, 0); }
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable4expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<style>
+table {
+  width: 160px;
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithtable4html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-table1-ref.html">
+<style>
+table {
+  width: 160px;
+  columns: 2;
+}
+tr {
+  animation: bgcolor 0.1s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgba(0, 200, 0, 0); }
+  100% { background-color: rgba(200, 0, 0, 0); }
+}
+</style>
+<table>
+  <tr><td>1
+  <tr><td>2
+</table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithzeroplaybackRateexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 0, 100)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationwithzeroplaybackRatehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-zero-playbackRate-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(200, 0, 0); }
+  100% { background-color: rgb(0, 0, 200); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+var animation = document.getAnimations()[0];
+animation.ready.then(() => {
+  animation.playbackRate = 0;
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementchangetononzeroexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.box {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(100, 100, 0);
+}
+</style>
+<body>
+  <div class='box'></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementchangetononzerohtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-zero-size-element-change-to-non-zero-ref.html">
+<style>
+.container {
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+requestAnimationFrame(() => {
+  var target = document.getElementById("target");
+  target.style.width = '100px';
+  target.style.height = '100px';
+  requestAnimationFrame(() => {
+    takeScreenshot();
+  });
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationzerosizeelementexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-expected.html ( => )</h4>
<pre class="diff"><span>
<span class="info">Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html
===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html                          (rev 0)
</del><ins>+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html   2021-05-06 08:38:08 UTC (rev 277073)
</ins><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-zero-size-element-ref.html">
+<style>
+.container {
+  animation: bgcolor 1s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+// Pass if there is no crash, nothing shows on the screen
+takeScreenshot();
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcoloranimationhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+document.getAnimations()[0].ready.then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransitionexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 100, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransitionhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0, 200, 0);
+  transition-property: background-color;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  transition-duration: 1000000s;
+  transition-timing-function: cubic-bezier(0,1,1,0);
+  transition-delay: -500000s;
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+function update() {
+  document.getElementById('target').style.backgroundColor = "rgb(200, 0, 0)";
+  requestAnimationFrame(() => {
+    takeScreenshot();
+  });
+}
+requestAnimationFrame(function() {
+  requestAnimationFrame(update);
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransparentanimationinbodyexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,3 @@
</span><ins>+<!DOCTYPE html>
+<body>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsbackgroundcolortransparentanimationinbodyhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,21 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-transparent-animation-in-body-ref.html">
+<style>
+body {
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgba(0, 200, 0, 0); }
+  100% { background-color: rgba(200, 0, 0, 0); }
+}
+</style>
+<body>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcoloranimationwithzeroalphaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.box {
+  width: 100px;
+  height: 100px;
+  background-color: rgba(100, 100, 0, 0);
+}
+</style>
+<body>
+  <div class='box'></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcoloranimationwithzeroalphahtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-animation-with-zero-alpha-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  /* Use a long animation that start at 50% progress where the slope of the
+     selected timing function is zero. By setting up the animation in this way,
+     we accommodate lengthy delays in running the test without a potential drift
+     in the animated property value. This is important for avoiding flakes,
+     especially on debug builds. The screenshots are taken as soon as the
+     animation is ready, thus the long animation duration has no bearing on
+     the actual duration of the test. */
+  animation: bgcolor 1000000s cubic-bezier(0,1,1,0) -500000s;
+}
+@keyframes bgcolor {
+  0% { background-color: rgb(0, 200, 0, 0); }
+  100% { background-color: rgb(200, 0, 0, 0); }
+}
+</style>
+<body>
+<div class="container"></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionobscuredexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.parent {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(100, 100, 0);
+}
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(100, 0, 100);
+}
+</style>
+<body>
+  <div class='parent'>
+    <div class='container'></div>
+  </div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionobscuredhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-transition-obscured-ref.html">
+<style>
+.parent {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0, 200, 0);
+  transition: background-color 200000ms steps(2) -99999.9ms;
+}
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0, 0, 200);
+  transition: background-color 200000ms steps(2) -99999.9ms;
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="parent" id="pa">
+  <div class="container" id="target"></div>
+</div>
+
+<script>
+function startTransition() {
+  requestAnimationFrame(() => {
+    document.getElementById('target').style.backgroundColor = "rgb(200, 0, 0)";
+    document.getElementById('pa').style.backgroundColor = "rgb(200, 0, 0)";
+    const animations = document.getAnimations();
+    Promise.all([animations[0].ready, animations[1].ready]).then(() => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          takeScreenshot();
+        });
+      });
+    });
+  });
+}
+
+requestAnimationFrame(startTransition);
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithdelayexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(100, 100, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithdelayhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-transition-with-delay-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: rgb(0, 200, 0);
+  transition: background-color 200000ms steps(2) -99999.9ms;
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+// This test differs from "background-color-transition.html" because it runs the
+// transition starting from the set background color, rather than using a
+// delay to start in the middle of the transition. This tests a new codepath
+// where the first frame of the transition has the original background color,
+// which is why we need the transition fully running. Since we are using the
+// step(2) in the animation, so it is enough to wait for two frames and the
+// animation should be in its mid-point, that's the time we should take
+// screenshot.
+function startTransition() {
+  requestAnimationFrame(() => {
+    document.getElementById('target').style.backgroundColor = "rgb(200, 0, 0)";
+    document.getAnimations()[0].ready.then(() => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          takeScreenshot();
+        });
+      });
+    });
+  });
+}
+
+requestAnimationFrame(startTransition);
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithinitiallytransparentexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,11 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.box {
+  width: 100px;
+  height: 100px;
+  background-color: rgba(200, 0, 0, 0.4);
+}
+</style>
+<body>
+  <div class='box'></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationbackgroundcolortransitionwithinitiallytransparenthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="background-color-transition-with-initially-transparent-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  transition: background-color 200000ms steps(2) -99999.9ms;
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<body>
+<div class="container" id="target"></div>
+
+<script>
+function startTransition() {
+  requestAnimationFrame(() => {
+    document.getElementById('target').style.backgroundColor = "rgb(200, 0, 0, 0.8)";
+    document.getAnimations()[0].ready.then(() => {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          takeScreenshot();
+        });
+      });
+    });
+  });
+}
+
+requestAnimationFrame(startTransition);
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsinvalidationw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/w3c-import.log (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/w3c-import.log                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/w3c-import.log        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the WPT github:
+       https://github.com/web-platform-tests/wpt
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-animation-with-zero-alpha.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-obscured.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-delay.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/invalidation/background-color-transition-with-initially-transparent.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(0, 0, 199)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="two-background-color-animation-diff-length1-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  animation: bgcolor2 10s, bgcolor1 0.001s;
+}
+@keyframes bgcolor1 {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+@keyframes bgcolor2 {
+  0% { background-color: rgb(0, 0, 199); }
+  100% { background-color: rgb(0, 0, 200); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<script src="../../../web-animations/testcommon.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+// This test ensures that if we have two different-length animation, when the
+// one with higher compositing order finishes, the other one would still run
+// normally.
+const animations = document.getAnimations();
+Promise.all([animations[0].ready, animations[1].ready]).then(() => {
+  waitForAnimationFrames(3).then(() => {
+    takeScreenshot();
+  });
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(0, 0, 199)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="two-background-color-animation-diff-length2-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  animation: bgcolor2 10s, bgcolor1 2s 1s;
+}
+@keyframes bgcolor1 {
+  0% { background-color: rgb(0, 200, 0); }
+  100% { background-color: rgb(200, 0, 0); }
+}
+@keyframes bgcolor2 {
+  0% { background-color: rgb(0, 0, 199); }
+  100% { background-color: rgb(0, 0, 200); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<script src="../../../web-animations/testcommon.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+// This test ensures that when there are two animations where one of them has
+// animation delays, we show the right color when the delayed animation is not
+// started yet.
+const animations = document.getAnimations();
+Promise.all([animations[0].ready, animations[1].ready]).then(() => {
+  takeScreenshot();
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,10 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = 'rgb(0, 199, 0)';
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationstwobackgroundcoloranimationdifflength3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="two-background-color-animation-diff-length3-ref.html">
+<style>
+.container {
+  width: 100px;
+  height: 100px;
+  background-color: green;
+  animation: bgcolor2 200s, bgcolor1 100s 0.001s;
+}
+@keyframes bgcolor1 {
+  0% { background-color: rgb(0, 199, 0); }
+  100% { background-color: rgb(0, 200, 0); }
+}
+@keyframes bgcolor2 {
+  0% { background-color: rgb(0, 0, 199); }
+  100% { background-color: rgb(0, 0, 200); }
+}
+</style>
+<script src="/common/reftest-wait.js"></script>
+<script src="../../../web-animations/testcommon.js"></script>
+<body>
+<div class="container"></div>
+
+<script>
+// This test ensures that when there are two animations where one of them has
+// animation delays, we show the right color when the delayed animation is
+// started.
+const animations = document.getAnimations();
+Promise.all([animations[0].ready, animations[1].ready]).then(() => {
+  waitForAnimationFrames(3).then(() => {
+    takeScreenshot();
+  });
+});
+</script>
+</body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsanimationsw3cimportlog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/w3c-import.log (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/w3c-import.log  2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/w3c-import.log     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -14,7 +14,53 @@
</span><span class="cx"> None
</span><span class="cx"> ------------------------------------------------------------------------
</span><span class="cx"> List of files:
</span><ins>+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-element-not-visible-at-current-viewport.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-additive-keyframe.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-0-percent.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-missing-100-percent.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fallback-replace.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-fragmented.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-in-body.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-non-zero-size-element-change-to-zero.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-single-keyframe.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes2.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-three-keyframes3.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-images.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table2.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table3.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-table4.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-with-zero-playbackRate.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-change-to-non-zero.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation-zero-size-element.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-animation.html
</ins><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-interpolation.html
</span><ins>+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transition.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-color-transparent-animation-in-body.html
</ins><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-image-interpolation.html
</span><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-position-interpolation.html
</span><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/background-position-origin-interpolation.html
</span><span class="lines">@@ -42,3 +88,9 @@
</span><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/border-width-interpolation.html
</span><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/box-shadow-composition.html
</span><span class="cx"> /LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/box-shadow-interpolation.html
</span><ins>+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length2.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/animations/two-background-color-animation-diff-length3.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachment350html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-350.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-350.html     2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-350.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -43,21 +43,22 @@
</span><span class="cx"> 
</span><span class="cx">   <!--
</span><span class="cx"> 
</span><del>-  +-----------------------+
-  |+----------+           |
-  || +------+ |           |
-  || |  red | |           | <-- bottom right of scrolling box
</del><ins>+(0px, 0px)              (200px, 0px)
+  +.......................+
+  |+..........+           |
+  || +......+ |           |
+  || |  red | |           | <== bottom right of scrolling box
</ins><span class="cx">   || |square| |           |     when background-image dimensions
</span><span class="cx">   || |      | |           |     are the same as the element's
</span><del>-  || +------+ |           |     viewport dimensions
-   +----------+           |
</del><ins>+  || +......+ |           |     viewport dimensions
+   +..........+           |
</ins><span class="cx">   |                       |
</span><del>-  |                       |
-  |               +------+|
-  |               |  red || <-- bottom right of scrollable area
</del><ins>+  |               +......+|
+  |               |  red || <== bottom right of scrollable area
</ins><span class="cx">   |               |square||     which is outside of the viewport
</span><span class="cx">   |               |      ||     area and which is clipped due
</span><del>-  |               +------+|     to 'overflow: hidden'
-  +-----------------------+
</del><ins>+  |               +......+|     to 'overflow: hidden'
+  +.......................+
+(0px, 200px)            (200px, 200px)
</ins><span class="cx"> 
</span><span class="cx">   -->
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachment353expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353-expected.xht (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353-expected.xht                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353-expected.xht        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachment353html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-353.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,131 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Background and Borders Test: 'background-attachment: local' and 'overflow: hidden'</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+  <link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <!--
+
+  More info:
+
+  Re: [css3-background] background-attachment: local
+  http://lists.w3.org/Archives/Public/www-style/2013May/0542.html
+
+  -->
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when an element has 'background-attachment: local', then the background image is fixed with regard to what is the element's scrollable area and not to its viewport. In this test, what would be the scrollable area for the div#target element is where the red area of its background image 100x100-gr-rr.png is and such area is clipped due to 'overflow: hidden'." name="assert">
+
+  <style>
+  div#control
+    {
+      background-color: red;
+      border: solid green;
+      border-width: 50px 0 0 50px;
+      height: 50px;
+      margin-bottom: -100px;
+      width: 50px;
+    }
+
+  div#target
+    {
+      background-attachment: local;
+      background-image: url("support/100x100-gr-rr.png");
+      background-repeat: no-repeat;
+      background-position: center;
+      font-family: Ahem;
+      font-size: 100px;
+      line-height: 1;
+      height: 100px;
+      overflow: hidden;
+      width: 100px;
+    }
+  </style>
+
+  <body>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="control"></div>
+
+  <div id="target">&nbsp;&nbsp;<br>&nbsp;&nbsp;</div>
+
+  <!--
+
+  div#control is
+
+  (0px, 0px)              (100px, 0px)
+  +.......................+
+  |                       |
+  |                       |
+  |     green  area       |
+  |                       |
+  |                       |
+  |     green  area       |
+  |                       |
+  |             +........+|
+  |   green     |  red   ||
+  |    area     | area   ||
+  |             |        ||
+  |             +........+|
+  +.......................+
+(0px, 100px)            (100px, 100px)
+
+
+  =   =   =   =   =   =   =
+
+
+  div#target with background-position: top left
+
+  (0px, 0px)              (100px, 0px)
+  +.......................+
+  | +........+            |
+  | | green  |    red     |
+  | |  area  |    area    |
+  | |        |            |
+  | +........+            |
+  |                       |
+  |      red  area        |
+  |                       |
+  |                       |
+  |      red  area        |
+  |                       |
+  |                       |
+  +.......................+
+(0px, 100px)            (100px, 100px)
+
+
+  =   =   =   =   =   =   =
+
+
+  div#target with background-position: center
+
+  (0px, 0px)              (100px, 0px)
+  +.......................+
+  |                       |
+  |     green  area       |
+  |                       |   overflowed
+  |                       |      area
+  |     green  area       |        |
+  |                       |        V
+  |           +...........| ...........+
+  |           | +........+|             |
+  |   green   | |  green ||     red     |
+  |    area   | |  area  ||    area     |
+  |           | |        ||             |
+  |           | +........+|             |
+  +.......................+             |
+              |                         |
+              |        red  area        |   <==  overflowed
+              |                         |   <==     area
+              |        red  area        |
+              |                         |
+              |                         |
+              +.........................+
+
+  -->
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentfixedinsidetransform1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-attachment: background-attachment:fixed inside a transform</title>
+    <link rel="author" title="Botond Ballo" href="mailto:botond@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      body {
+        height: 4000px;
+        margin: 0;
+      }
+
+      #outer {
+        margin: 200px;
+        height: 700px;
+        width: 300px;
+        transform: rotate(45deg);
+        overflow: hidden;
+      }
+
+      #inner {
+        height: 700px;
+        background-image: radial-gradient(farthest-corner at center, blue, black);
+        background-size: 300px 300px;
+        background-position: 200px 200px;
+        background-color: lime;
+        background-repeat: no-repeat;
+        background-attachment: scroll;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="outer">
+      <div id="inner">
+      </div>
+    </div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentfixedinsidetransform1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-fixed-inside-transform-1.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-attachment: background-attachment:fixed inside a transform</title>
+    <link rel="author" title="Botond Ballo" href="mailto:botond@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#transform-rendering">
+    <link rel="match" href="background-attachment-fixed-inside-transform-1-ref.html">
+    <meta name="assert" content="Test checks whether background-attachment: 'fixed' inside a transform behaves like background-attachment: 'scroll'.">
+    <style>
+      body {
+        height: 4000px;
+        margin: 0;
+      }
+
+      #outer {
+        margin: 200px;
+        height: 700px;
+        width: 300px;
+        transform: rotate(45deg);
+        overflow: hidden;
+      }
+
+      #inner {
+        height: 700px;
+        background-image: radial-gradient(farthest-corner at center, blue, black);
+        background-size: 300px 300px;
+        background-position: 200px 200px;
+        background-color: lime;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+      }
+    </style>
+  </head>
+    <body>
+      <div id="outer">
+        <div id="inner">
+        </div>
+      </div>
+    </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentlocalattachmentlocalclippingcolor5html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-5.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -2,6 +2,7 @@
</span><span class="cx"> <title>CSS Test: background-{attachment: local; clip: padding-box; color}; border-radius</title>
</span><span class="cx"> <link rel="match" href="attachment-local-clipping-color-4-ref.html" />
</span><span class="cx"> <meta name="flags" content="dom" />
</span><ins>+<meta name=fuzzy content="0-10;0-160">
</ins><span class="cx"> <link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
</span><span class="cx"> <style>
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundattachmentlocalattachmentlocalclippingimage5html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-attachment-local/attachment-local-clipping-image-5.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -2,6 +2,7 @@
</span><span class="cx"> <title>CSS Test: background-{attachment: local; clip: padding-box; image}; border-radius</title>
</span><span class="cx"> <link rel="match" href="attachment-local-clipping-image-4-ref.html" />
</span><span class="cx"> <meta name="flags" content="dom" />
</span><ins>+<meta name=fuzzy content="0-10;0-300">
</ins><span class="cx"> <link rel="author" title="Simon Sapin" href="http://exyr.org/about/" />
</span><span class="cx"> <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
</span><span class="cx"> <style>
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundclipcontentbox002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
+<p>Test passes if there is a filled green square.</p>
+<div style="width:100px; height:100px; background:green;"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundclipcontentbox002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-clip-content-box-002.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!doctype html>
+<title>background-clip: content-box with fractional width/position</title>
+<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-clip">
+<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
+<style>
+.back {
+  background-color: red;
+  width: 100px;
+  display: flex;
+}
+
+.left {
+  flex-basis: 50%;
+  border-left: 5px solid green;
+}
+
+.right {
+  flex-basis: 50%;
+  border-right: 6px solid green;
+}
+
+.left, .right {
+  background-color: green;
+  background-clip: content-box;
+  height: 100px;
+}
+</style>
+<p>Test passes if there is a filled green square.</p>
+<div class="back">
+  <div class="left"></div>
+  <div class="right"></div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmarginiframeroothtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-iframe-root.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-iframe-root.html 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-iframe-root.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -3,6 +3,7 @@
</span><span class="cx"> <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
</span><span class="cx"> <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#root-background">
</span><span class="cx"> <link rel="match" href="background-margin-iframe-root-ref.html">
</span><ins>+<meta name=fuzzy content="0-1;0-750">
</ins><span class="cx"> <iframe srcdoc="
</span><span class="cx"> <!doctype HTML>
</span><span class="cx"> <style>
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmarginroothtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-root.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-root.html        2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-root.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -3,6 +3,7 @@
</span><span class="cx"> <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
</span><span class="cx"> <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#root-background">
</span><span class="cx"> <link rel="match" href="background-margin-root-ref.html">
</span><ins>+<meta name=fuzzy content="0-1;0-19000">
</ins><span class="cx"> <style>
</span><span class="cx">   html {
</span><span class="cx">     background: linear-gradient(lightblue, yellow);
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmargintransformedroothtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-transformed-root.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-transformed-root.html    2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-transformed-root.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -3,6 +3,7 @@
</span><span class="cx"> <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
</span><span class="cx"> <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#root-background">
</span><span class="cx"> <link rel="match" href="background-margin-transformed-root-ref.html">
</span><ins>+<meta name=fuzzy content="0-1;0-19000">
</ins><span class="cx"> <style>
</span><span class="cx">   html {
</span><span class="cx">     background: linear-gradient(lightblue, yellow);
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundmarginwillchangeroothtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-will-change-root.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-will-change-root.html    2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-margin-will-change-root.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -3,6 +3,7 @@
</span><span class="cx"> <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
</span><span class="cx"> <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#root-background">
</span><span class="cx"> <link rel="match" href="background-margin-will-change-root-ref.html">
</span><ins>+<meta name=fuzzy content="0-1;0-19000">
</ins><span class="cx"> <style>
</span><span class="cx">   html {
</span><span class="cx">     background: linear-gradient(lightblue, yellow);
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat;
+      }
+      </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1ahtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1a.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'round' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: round;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: round;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1bexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat;
+      }
+      </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1bhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1b.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'round round' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: round round;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: round round;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1cexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat;
+      }
+      </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1chtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1c.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'repeat round' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: repeat round;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat round;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1dexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat;
+      }
+      </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1dhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1d.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'round repeat' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 32px 36px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: round repeat;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 32px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: round repeat;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1eexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 36px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat;
+      }
+      </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround1ehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-1e.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'repeat round' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: repeat round;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 36px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat round;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+    .outer {
+      width: 72px;
+      height: 72px;
+      border: 1px solid black;
+      background-image: url(support/aqua-yellow-32x32.png);
+      background-size: 36px 36px;
+      background-repeat: repeat-x;
+    }
+    .outer_gradient {
+      width: 72px;
+      height: 72px;
+      border: 1px solid black;
+      background-image: linear-gradient(to top left, red, green);
+      background-size: 36px 36px;
+      background-repeat: repeat-x;
+    }
+    </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-2.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round no-repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-2-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'round no-repeat' works correctly or not.">
+    <style type="text/css">
+    .outer {
+      width: 72px;
+      height: 72px;
+      border: 1px solid black;
+      background-image: url(support/aqua-yellow-32x32.png);
+      background-repeat: round no-repeat;
+    }
+    .outer_gradient {
+      width: 72px;
+      height: 72px;
+      border: 1px solid black;
+      background-size: 32px 36px;
+      background-image: linear-gradient(to top left, red, green);
+      background-repeat: round no-repeat;
+    }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      #outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat-y;
+      }
+      #outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: linear-gradient(to top left, red, green);
+        background-size: 36px 36px;
+        background-repeat: repeat-y;
+      }
+    </style>
+    </head>
+    <body>
+      <div id="outer"><div id=inner></div></div>
+      <div id="outer_gradient"><div id=inner></div></div>
+    </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-3.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image no-repeat round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-3-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'no-repeat round' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px auto;
+        background-repeat: no-repeat round;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: linear-gradient(to top left, red, green);
+        background-size: 36px 32px;
+        background-repeat: no-repeat round;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround4expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image repeat with specified position</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+        background-position: 5px 5px;
+      }
+      .outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: linear-gradient(to top left, red, green);
+        background-size: 36px 36px;
+        background-repeat: repeat;
+        background-position: 5px 5px;
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer"></div>
+      <div class="outer_gradient"></div>
+    </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatround4html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-round-4.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round with specified position</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-round-4-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'round' works correctly or not.">
+    <style type="text/css">
+      #outer {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: round;
+        background-position: 5px 5px;
+      }
+      #outer_gradient {
+        width: 72px;
+        height: 72px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: round;
+        background-position: 5px 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="outer"></div>
+    <div id="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace10expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 96px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace10html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-10.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-10-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 96px;
+        height: 106px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+      .outer_gradient
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner_gradient
+      {
+        height: 32px;
+        width: 32px;
+        background-image: linear-gradient(to top left, red, green);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer_gradient">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1ahtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1a.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space;
+      }
+      .outer_gradient {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1bexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+      .outer_gradient
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner_gradient
+      {
+        height: 32px;
+        width: 32px;
+        background-image: linear-gradient(to top left, red, green);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer_gradient">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1bhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1b.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space with position</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-position: 15px 15px;
+        background-repeat: space;
+      }
+      .outer_gradient {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-position: 15px 15px;
+        background-repeat: space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1cexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+      .outer_gradient
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner_gradient
+      {
+        height: 32px;
+        width: 32px;
+        background-image: linear-gradient(to top left, red, green);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer_gradient">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace1chtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-1c.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-1-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space space;
+      }
+      .outer_gradient {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 48px;
+        height: 48px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: no-repeat;
+        background-position: 5px 5px;
+      }
+      .outer_gradient {
+        width: 48px;
+        height: 48px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: no-repeat;
+        background-position: 5px 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-2.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round with specified position</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-2-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 48px;
+        height: 48px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space;
+        background-position: 5px 5px;
+      }
+      .outer_gradient {
+        width: 48px;
+        height: 48px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space;
+        background-position: 5px 5px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,80 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer1
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        justify-content: space-between;
+      }
+      .inner1
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        margin-top: 40px;
+      }
+      .outer2
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 106px;
+        display: flex;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner2
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        margin-left: 40px;
+      }
+      .inner_gradient1
+      {
+        height: 32px;
+        width: 32px;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        margin-top: 40px;
+      }
+      .inner_gradient2
+      {
+        height: 32px;
+        width: 32px;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        margin-left: 40px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer1">
+      <div class="inner1"></div>
+      <div class="inner1"></div>
+      <div class="inner1"></div>
+    </div>
+    <div class="outer2">
+      <div class="inner2"></div>
+      <div class="inner2"></div>
+      <div class="inner2"></div>
+    </div>
+    <div class="outer1">
+      <div class="inner_gradient1"></div>
+      <div class="inner_gradient1"></div>
+      <div class="inner_gradient1"></div>
+    </div>
+    <div class="outer2">
+      <div class="inner_gradient2"></div>
+      <div class="inner_gradient2"></div>
+      <div class="inner_gradient2"></div>
+    </div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-3.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image round with specified position</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-3-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'no-repeat space' and 'space no-repeat' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 106px;
+        border: 1px solid black;
+      }
+      .inner1 {
+        width: 106px;
+        height: 106px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space no-repeat;
+        background-position: 7px 40px;
+      }
+      .inner2 {
+        width: 106px;
+        height: 106px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: no-repeat space;
+        background-position: 40px 7px;
+      }
+      .inner_gradient1 {
+        width: 106px;
+        height: 106px;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space no-repeat;
+        background-position: 7px 40px;
+      }
+      .inner_gradient2 {
+        width: 106px;
+        height: 106px;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: no-repeat space;
+        background-position: 40px 7px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner1"></div>
+    </div>
+    <div class="outer">
+      <div class="inner2"></div>
+    </div>
+    <div class="outer">
+      <div class="inner_gradient1"></div>
+    </div>
+    <div class="outer">
+      <div class="inner_gradient2"></div>
+    </div>
+</body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace4expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 96px;
+        height: 106px;
+        display: flex;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+      .inner_gradient
+      {
+        height: 32px;
+        width: 32px;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace4html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-4.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-4-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'repeat space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 96px;
+        height: 106px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: repeat space;
+      }
+      .outer_graident {
+        width: 96px;
+        height: 106px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: repeat space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_graident"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace5expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 96px;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+      .inner_gradient
+      {
+        height: 32px;
+        width: 32px;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace5html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-5.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-5-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space repeat' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 96px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space repeat;
+      }
+      .outer_gradient {
+        width: 106px;
+        height: 96px;
+        border: 1px solid black;
+        background-size: 32px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space repeat;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace6expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,61 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 192px;
+        height: 106px;
+        display: flex;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 64px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: no-repeat;
+        background-size: 64px 32px;
+      }
+      .inner_gradient
+      {
+        height: 32px;
+        width: 64px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: no-repeat;
+        background-size: 64px 32px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace6html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-6.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-6-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'round space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 192px;
+        height: 106px;
+        border: 1px solid black;
+        background-size: 60px 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: round space;
+      }
+      .outer_gradient {
+        width: 192px;
+        height: 106px;
+        border: 1px solid black;
+        background-size: 60px 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: round space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace7expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,61 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 192px;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 64px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: no-repeat;
+        background-size: 32px 64px;
+      }
+      .inner_gradient
+      {
+        height: 64px;
+        width: 32px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: no-repeat;
+        background-size: 32px 64px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+    <div class="outer">
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+      <div class="inner_gradient"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace7html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-7.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-7-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space round' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 192px;
+        border: 1px solid black;
+        background-size: 32px 60px;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space round;
+      }
+      .outer_gradient {
+        width: 106px;
+        height: 192px;
+        border: 1px solid black;
+        background-size: 32px 60px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space round;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace8expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 20px solid rgba(0, 0, 0, 0.5);
+        width: 106px;
+        height: 106px;
+        background-image: url(support/aqua-yellow-37x37.png);
+        background-repeat: repeat;
+      }
+      .outer_gradient
+      {
+        border: 20px solid rgba(0, 0, 0, 0.5);
+        width: 32px;
+        height: 32px;
+        background-size: 50px 50px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: no-repeat;
+        background-position: -10px -10px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace8html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-8.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-8-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 106px;
+        border: 20px solid rgba(0, 0, 0, .5);
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space;
+      }
+      .outer_gradient {
+        width: 32px;
+        height: 32px;
+        border: 20px solid rgba(0, 0, 0, .5);
+        background-size: 50px 50px;
+        background-image: linear-gradient(to top left, red, green);
+        background-repeat: space;
+        background-position: -10px -10px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+    <div class="outer_gradient"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace9expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: position background image</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer
+      {
+        border: 1px solid black;
+        width: 106px;
+        height: 96px;
+        display: flex;
+        justify-content: space-between;
+        align-content: space-between;
+        flex-wrap: wrap;
+      }
+      .inner
+      {
+        height: 32px;
+        width: 32px;
+        background-image: url(support/aqua-yellow-32x32.png);
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+      <div class="inner"></div>
+    </div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundrepeatspace9html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-repeat-space-9.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Background: background-repeat: background image space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="background-repeat-space-9-ref.html">
+    <meta name="assert" content="Test checks whether background-repeat: 'space' works correctly or not.">
+    <style type="text/css">
+      .outer {
+        width: 106px;
+        height: 96px;
+        border: 1px solid black;
+        background-image: url(support/aqua-yellow-32x32.png);
+        background-repeat: space;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize006html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-006.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-006.html   2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-006.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -4,8 +4,8 @@
</span><span class="cx">     <meta charset="utf-8">
</span><span class="cx">     <title>CSS Backgrounds and Borders Test: background-size - one &lt;length&gt; value</title>
</span><span class="cx">     <link rel="author" title="Intel" href="http://www.intel.com">
</span><del>-    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 -->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
</del><ins>+    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 and 2020-11-18 -->
+    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9 Sizing Images: the 'background-size' property">
</ins><span class="cx">     <link rel="match" href="reference/background-size-006-ref.html">
</span><span class="cx">     <meta name="flags" content="image">
</span><span class="cx">     <meta name="assert" content="Check if 'background-size' has only one length value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px.">
</span><span class="lines">@@ -16,7 +16,7 @@
</span><span class="cx">             width: 45px;
</span><span class="cx">         }
</span><span class="cx">         #test-overlapping-green {
</span><del>-            background-image: url(support/60x60-green.png);
</del><ins>+            background-image: url(support/1x1-green.png);
</ins><span class="cx">             background-repeat: no-repeat;
</span><span class="cx">             background-size: 45px;
</span><span class="cx">             bottom: 45px;
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize009html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-009.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-009.html   2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-009.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -4,8 +4,8 @@
</span><span class="cx">     <meta charset="utf-8">
</span><span class="cx">     <title>CSS Backgrounds and Borders Test: background-size - one &lt;percentage&gt; value</title>
</span><span class="cx">     <link rel="author" title="Intel" href="http://www.intel.com">
</span><del>-    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 -->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
</del><ins>+    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 and 2020-11-18  -->
+    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9 Sizing Images: the 'background-size' property">
</ins><span class="cx">     <link rel="match" href="reference/background-size-006-ref.html">
</span><span class="cx">     <meta name="flags" content="image">
</span><span class="cx">     <meta name="assert" content="Check if 'background-size' has only one percentage value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. A percentage is relative to the dimensions of the background positioning area. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px.">
</span><span class="lines">@@ -16,7 +16,7 @@
</span><span class="cx">             width: 45px;
</span><span class="cx">         }
</span><span class="cx">         #test-overlapping-green {
</span><del>-            background-image: url(support/60x60-green.png);
</del><ins>+            background-image: url(support/1x1-green.png);
</ins><span class="cx">             background-repeat: no-repeat;
</span><span class="cx">             background-size: 45%;
</span><span class="cx">             bottom: 45px;
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize014html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-014.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-014.html   2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-014.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -4,8 +4,8 @@
</span><span class="cx">     <meta charset="utf-8">
</span><span class="cx">     <title>CSS Backgrounds and Borders Test: background-size - one auto keyword and one &lt;percentage&gt; values</title>
</span><span class="cx">     <link rel="author" title="Intel" href="http://www.intel.com">
</span><del>-    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 -->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
</del><ins>+    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 and 2020-11-18  -->
+    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9 Sizing Images: the 'background-size' property">
</ins><span class="cx">     <link rel="match" href="reference/background-size-006-ref.html">
</span><span class="cx">     <meta name="flags" content="image">
</span><span class="cx">     <meta name="assert" content="Check if 'background-size' has one 'auto' and one percentage values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. A percentage is relative to the dimensions of the background positioning area. Therefore the used width of the background-size in this test should be 45px.">
</span><span class="lines">@@ -16,7 +16,7 @@
</span><span class="cx">             width: 45px;
</span><span class="cx">         }
</span><span class="cx">         #test-overlapping-green {
</span><del>-            background-image: url(support/60x60-green.png);
</del><ins>+            background-image: url(support/1x1-green.png);
</ins><span class="cx">             background-repeat: no-repeat;
</span><span class="cx">             background-size: auto 45%;
</span><span class="cx">             bottom: 45px;
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize017html"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-017.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-017.html   2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-017.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -4,8 +4,8 @@
</span><span class="cx">     <meta charset="utf-8">
</span><span class="cx">     <title>CSS Backgrounds and Borders Test: background-size - one &lt;length&gt; and one &lt;percentage&gt; values</title>
</span><span class="cx">     <link rel="author" title="Intel" href="http://www.intel.com">
</span><del>-    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 -->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
</del><ins>+    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 and 2020-11-18  -->
+    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9 Sizing Images: the 'background-size' property">
</ins><span class="cx">     <link rel="match" href="reference/background-size-006-ref.html">
</span><span class="cx">     <meta name="flags" content="image">
</span><span class="cx">     <meta name="assert" content="Check if 'background-size' has one length and one percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px.">
</span><span class="lines">@@ -16,7 +16,7 @@
</span><span class="cx">             width: 45px;
</span><span class="cx">         }
</span><span class="cx">         #test-overlapping-green {
</span><del>-            background-image: url(support/60x60-green.png);
</del><ins>+            background-image: url(support/1x1-green.png);
</ins><span class="cx">             background-repeat: no-repeat;
</span><span class="cx">             background-size: 45px 45%;
</span><span class="cx">             bottom: 45px;
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize041expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div#black-walls
+    {
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+
+  div#gradient
+    {
+      background-image: linear-gradient(orange, blue);
+      height: 100%; /* computes to 400px */
+      margin: 0px auto;
+      /* the gradient block is horizontally centered inside div#black-walls */
+      width: 200px;
+    }
+  </style>
+
+  <div id="black-walls"><div id="gradient"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize041html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-041.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: background-size with &lt;length&gt; value and 'auto' and image with no intrinsic size and no intrinsic ratio</title>
+
+  <!--
+  Credit should go to Henrik Andersson
+  for originally reporting this issue.
+  -->
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
+
+  <!--
+
+  [css-backgrounds] [css-images] Interop for sizing gradients with only width
+  http://lists.w3.org/Archives/Public/www-style/2017Apr/0029.html
+
+  Issue 935057: background-size with only one [ <length | <percent> ] value with SVG image with no intrinsic ratio incorrect
+  https://bugs.chromium.org/p/chromium/issues/detail?id=935057
+
+  Bug 170834: background-size with 2nd value is 'auto' and the image has no intrinsic size and no intrinsic ratio incorrectly rendered
+  https://bugs.webkit.org/show_bug.cgi?id=170834
+
+  -->
+
+  <link rel="match" href="reference/background-size-041-ref.html">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when one 'background-size' is 'auto' and the image has no intrinsic size and no intrinsic ratio, then it should use 100%. In this test, the 'auto' value should use 100% of the height of the background positioning area of the div, which is 400px." name="assert">
+
+  <style>
+  div
+    {
+      background-clip: border-box;
+      background-image: linear-gradient(orange, blue);
+      background-origin: content-box;
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: 200px auto;
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+  </style>
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize042expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,26 @@
</span><ins>+<!DOCTYPE html>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div#black-walls
+    {
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+
+  div#gradient
+    {
+      background-image: linear-gradient(orange, blue);
+      height: 100%; /* computes to 400px */
+      margin: 0px auto;
+      /* the gradient block is horizontally centered inside div#black-walls */
+      width: 200px;
+    }
+  </style>
+
+  <div id="black-walls"><div id="gradient"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize042html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-042.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: background-size with &lt;percent&gt; value and 'auto' and image with no intrinsic size and no intrinsic ratio</title>
+
+  <!--
+  Credit should go to Henrik Andersson
+  for originally reporting this issue.
+  -->
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
+
+  <!--
+
+  [css-backgrounds] [css-images] Interop for sizing gradients with only width
+  http://lists.w3.org/Archives/Public/www-style/2017Apr/0029.html
+
+  Issue 935057: background-size with only one [ <length | <percent> ] value with SVG image with no intrinsic ratio incorrect
+  https://bugs.chromium.org/p/chromium/issues/detail?id=935057
+
+  Bug 170834: background-size with 2nd value is 'auto' and the image has no intrinsic size and no intrinsic ratio incorrectly rendered
+  https://bugs.webkit.org/show_bug.cgi?id=170834
+
+  -->
+
+  <link rel="match" href="reference/background-size-041-ref.html">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when one 'background-size' is 'auto' and the image has no intrinsic size and no intrinsic ratio, then it should use 100%. In this test, the 'auto' value should use 100% of the height of the background positioning area of the div, which is 400px." name="assert">
+
+  <style>
+  div
+    {
+      background-clip: border-box;
+      background-image: linear-gradient(orange, blue);
+      background-origin: content-box;
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: 50% auto;
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+  </style>
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize043expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div#black-walls
+    {
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+
+  div#inner-orange
+    {
+      background-color: orange;
+      border: blue solid 16px;
+      height: 368px; /*  400px - 2 * 16px == 368px  */
+      margin: 0px auto;
+      /* the orange block is horizontally centered inside div#black-walls */
+      width: 168px;  /*  200px - 2 * 16px == 168px  */
+    }
+  </style>
+
+  <div id="black-walls"><div id="inner-orange"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize043html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-043.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: background-size with &lt;length&gt; value and 'auto' and image with no intrinsic size and no intrinsic ratio</title>
+
+  <!--
+  Credit should go to Henrik Andersson
+  for originally reporting this issue.
+  -->
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
+
+  <!--
+
+  [css-backgrounds] [css-images] Interop for sizing gradients with only width
+  http://lists.w3.org/Archives/Public/www-style/2017Apr/0029.html
+
+  Issue 935057: background-size with only one [ <length | <percent> ] value with SVG image with no intrinsic ratio incorrect
+  https://bugs.chromium.org/p/chromium/issues/detail?id=935057
+
+  Bug 170834: background-size with 2nd value is 'auto' and the image has no intrinsic size and no intrinsic ratio incorrectly rendered
+  https://bugs.webkit.org/show_bug.cgi?id=170834
+
+  -->
+
+  <link rel="match" href="reference/background-size-043-ref.html">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when one 'background-size' is 'auto' and the image has no intrinsic size and no intrinsic ratio, then it should use 100%. In this test, the 'auto' value should use 100% of the height of the background positioning area of the div, which is 400px." name="assert">
+
+  <style>
+  div
+    {
+      background-clip: border-box;
+      background-image: url("support/orange-intrinsic-none.svg");
+      background-origin: content-box;
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: 200px auto;
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+  </style>
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize044expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div#black-walls
+    {
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+
+  div#inner-orange
+    {
+      background-color: orange;
+      border: blue solid 16px;
+      height: 368px; /*  400px - 2 * 16px == 368px  */
+      margin: 0px auto;
+      /* the orange block is horizontally centered inside div#black-walls */
+      width: 168px;  /*  200px - 2 * 16px == 168px  */
+    }
+  </style>
+
+  <div id="black-walls"><div id="inner-orange"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsize044html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-044.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: background-size with &lt;percent&gt; value and 'auto' and image with no intrinsic size and no intrinsic ratio</title>
+
+  <!--
+  Credit should go to Henrik Andersson
+  for originally reporting this issue.
+  -->
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
+
+  <!--
+
+  [css-backgrounds] [css-images] Interop for sizing gradients with only width
+  http://lists.w3.org/Archives/Public/www-style/2017Apr/0029.html
+
+  Issue 935057: background-size with only one [ <length | <percent> ] value with SVG image with no intrinsic ratio incorrect
+  https://bugs.chromium.org/p/chromium/issues/detail?id=935057
+
+  Bug 170834: background-size with 2nd value is 'auto' and the image has no intrinsic size and no intrinsic ratio incorrectly rendered
+  https://bugs.webkit.org/show_bug.cgi?id=170834
+
+  -->
+
+  <link rel="match" href="reference/background-size-043-ref.html">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when one 'background-size' is 'auto' and the image has no intrinsic size and no intrinsic ratio, then it should use 100%. In this test, the 'auto' value should use 100% of the height of the background positioning area of the div, which is 400px." name="assert">
+
+  <style>
+  div
+    {
+      background-clip: border-box;
+      background-image: url("support/orange-intrinsic-none.svg");
+      background-origin: content-box;
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: 50% auto;
+      border: solid 40px;
+      border-color: transparent black;
+      height: 400px;
+      width: 400px;
+    }
+  </style>
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsizepercentagerootexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,13 @@
</span><ins>+<!doctype html>
+<title>Percentage background-size on the root</title>
+<style>
+  div {
+    width: 100px;
+    height: 50px;
+    background-color: lime;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+</style>
+<div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbackgroundsizepercentageroothtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/background-size-percentage-root.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+<!doctype html>
+<title>Percentage background-size on the root, when it's out-of-flow</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://mozilla.org" title="Mozilla">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-size">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1658140">
+<link rel="match" href="background-size-percentage-root-ref.html">
+<style>
+  :root {
+    position: fixed;
+    width: 100px;
+    height: 50px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    background-image: url('/images/green-100x50.png');
+  }
+</style>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbgcolorwithgradientexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,13 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="100" height="100"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  var ctx = canvas.getContext('2d');
+  var grad = ctx.createLinearGradient(0, 0, 0, 100);
+  grad.addColorStop(0, 'red');
+  grad.addColorStop(1, 'black');
+  ctx.fillStyle = grad;
+  ctx.fillRect(0, 0, 100, 100);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsbgcolorwithgradienthtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/bg-color-with-gradient.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="bg-color-with-gradient-ref.html">
+<div style="width: 100px; height: 100px; background: linear-gradient(red, black); background-color: green;"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagedisplayedwithtransparentbordercolorexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color-expected.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color-expected.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>
+  border-color: transparent should not hide the border-image
+</title>
+<style>
+    div {
+        width: 200px;
+        height: 200px;
+        margin: 20px;
+        background-color: silver;
+        border-image-source: url('./support/100x100-blue-and-orange.png');
+        border-image-slice: 32;
+        border-image-repeat: repeat;
+        border-style: solid;
+        border-width: 32px;
+    }
+</style>
+
+This box should have a visible blue-orange border-image.
+<div></div>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagedisplayedwithtransparentbordercolorhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-displayed-with-transparent-border-color.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<link rel="author" title="Tyler Wilcock" href="mailto:twilco.o@protonmail.com">
+<link rel="help" href="https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#border-images">
+<link rel="match" href="border-image-displayed-with-transparent-border-color-ref.html">
+<title>
+  border-color: transparent should not hide the border-image
+</title>
+<style>
+    div {
+        width: 200px;
+        height: 200px;
+        margin: 20px;
+        background-color: silver;
+        border-image-source: url('./support/100x100-blue-and-orange.png');
+        border-image-slice: 32;
+        border-image-repeat: repeat;
+        border-style: solid;
+        border-width: 32px;
+    }
+</style>
+
+This box should have a visible blue-orange border-image.
+<div style="border-color: transparent;"></div>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageimagetype003htm"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-image-type-003.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-image-type-003.htm    2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-image-type-003.htm       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -8,6 +8,7 @@
</span><span class="cx">         <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-source">
</span><span class="cx">         <link rel="help" href="https://www.w3.org/TR/css-images-3/#linear-gradients">
</span><span class="cx">         <link rel="match" href="reference/border-image-image-type-003-ref.html">
</span><ins>+        <meta name=fuzzy content="0-1;0-8000">
</ins><span class="cx">         <meta name="flags" content="image">
</span><span class="cx">         <meta name="assert" content="This test checks that a linear gradient image type is used instead of the border styles.">
</span><span class="cx">         <style>
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeat1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat with SVG content</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+  </head>
+  <body>
+  <svg width='64' height='48' xmlns="http://www.w3.org/2000/svg" version="1.1">
+    <g fill='blue' stroke-width='0'>
+      <path d='M2 2h4v44H2z'/>
+      <path d='M2 2h60v4H2z'/>
+      <path d='M58 2h4v44h-4z'/>
+      <path d='M2 42h60v4H2zM8'/>
+    </g>
+  </svg>
+  </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeat1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-1.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat with SVG content</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="border-image-repeat-1-ref.html">
+    <meta name="assert" content="The test checks the result of border-image-repeat with SVG content.">
+    <style type="text/css">
+      .outer {
+        height: 16px;
+        width: 32px;
+        border-width: 16px;
+        border-style: solid;
+        border-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='blue' stroke-width='0'%3E%3Cpath d='M2 2h4v44H2z'/%3E%3Cpath d='M2 2h44v4H2z'/%3E%3Cpath d='M42 2h4v44h-4z'/%3E%3Cpath d='M2 42h44v4H2zM8'/%3E%3C/g%3E%3C/svg%3E") 16 repeat;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 34px;
+        height: 27px;
+        background-size: 102px 81px;
+        background-image: url("support/border.png");
+        background-position: -34px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 61px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 34px;
+        background-size: 81px 102px;
+        background-image: url("support/border.png");
+        background-position: 0px -34px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 61px;
+        width: 27px;
+        height: 34px;
+        background-size: 81px 102px;
+        background-image: url("support/border.png");
+        background-position: -54px -34px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 61px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 61px;
+        left: 27px;
+        width: 34px;
+        height: 27px;
+        background-size: 102px 81px;
+        background-image: url("support/border.png");
+        background-position: -34px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 61px;
+        left: 61px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-1.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="border-image-repeat-round-1-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'round' uses the correct rounding formula.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: round round;
+        width: 34px;
+        height: 34px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,100 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 13px;
+        height: 27px;
+        background-size: 39px 81px;
+        background-image: url("support/border.png");
+        background-position: -13px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 40px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 13px;
+        background-size: 81px 39px;
+        background-image: url("support/border.png");
+        background-position: 0px -13px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 40px;
+        width: 27px;
+        height: 13px;
+        background-size: 81px 39px;
+        background-image: url("support/border.png");
+        background-position: -54px -13px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 40px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 40px;
+        left: 27px;
+        width: 13px;
+        height: 27px;
+        background-size: 39px 81px;
+        background-image: url("support/border.png");
+        background-position: -13px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 40px;
+        left: 40px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatround2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-round-2.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#background-repeat">
+    <link rel="match" href="border-image-repeat-round-2-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'round' uses the correct rounding formula.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: round round;
+        width: 13px;
+        height: 13px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,96 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 31px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 62px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 31px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 31px;
+        left: 62px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 62px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 62px;
+        left: 31px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 62px;
+        left: 62px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-1.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-1-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' uses the correct formula when a single image fits.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: space space;
+        width: 35px;
+        height: 35px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace2expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: round</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 67px;
+        height: 67px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 40px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner3 {
+        position: absolute;
+        top: 40px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 40px;
+        left: 40px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace2html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-2.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-2-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' uses the correct formula when no images fit.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: space space;
+        width: 13px;
+        height: 13px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace3expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,136 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 114px;
+        height: 114px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2_1 {
+        position: absolute;
+        top: 0px;
+        left: 29px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner2_2 {
+        position: absolute;
+        top: 0px;
+        left: 58px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 87px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4_1 {
+        position: absolute;
+        top: 29px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner4_2 {
+        position: absolute;
+        top: 58px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner5_1 {
+        position: absolute;
+        top: 29px;
+        left: 87px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner5_2 {
+        position: absolute;
+        top: 58px;
+        left: 87px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 87px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7_1 {
+        position: absolute;
+        top: 87px;
+        left: 29px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner7_2 {
+        position: absolute;
+        top: 87px;
+        left: 58px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 87px;
+        left: 87px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2_1"></div>
+        <div class="inner2_2"></div>
+        <div class="inner3"></div>
+        <div class="inner4_1"></div>
+        <div class="inner4_2"></div>
+        <div class="inner5_1"></div>
+        <div class="inner5_2"></div>
+        <div class="inner6"></div>
+        <div class="inner7_1"></div>
+        <div class="inner7_2"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace3html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-3.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-3-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' uses the correct formula when multiple images fit.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: space space;
+        width: 60px;
+        height: 60px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,97 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="match" href="border-image-repeat-space-4-ref-2.html">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 54px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 54px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 54px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4ref1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: stretch stretch;
+        width: 27px;
+        height: 27px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4ref1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4-ref-1.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,97 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="match" href="border-image-repeat-space-4-ref-2.html">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 54px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 54px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 54px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace4html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-4.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-4-ref-1.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' uses the correct formula when a single image fits exactly.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: space space;
+        width: 27px;
+        height: 27px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,177 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="match" href="border-image-repeat-space-5-ref-2.html">
+    <style type="text/css">
+      .outer {
+        width: 135px;
+        height: 135px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2_1 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner2_2 {
+        position: absolute;
+        top: 0px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner2_3 {
+        position: absolute;
+        top: 0px;
+        left: 81px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4_1 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner4_2 {
+        position: absolute;
+        top: 54px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner4_3 {
+        position: absolute;
+        top: 81px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner5_1 {
+        position: absolute;
+        top: 27px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner5_2 {
+        position: absolute;
+        top: 54px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner5_3 {
+        position: absolute;
+        top: 81px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 108px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7_1 {
+        position: absolute;
+        top: 108px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner7_2 {
+        position: absolute;
+        top: 108px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner7_3 {
+        position: absolute;
+        top: 108px;
+        left: 81px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 108px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2_1"></div>
+        <div class="inner2_2"></div>
+        <div class="inner2_3"></div>
+        <div class="inner3"></div>
+        <div class="inner4_1"></div>
+        <div class="inner4_2"></div>
+        <div class="inner4_3"></div>
+        <div class="inner5_1"></div>
+        <div class="inner5_2"></div>
+        <div class="inner5_3"></div>
+        <div class="inner6"></div>
+        <div class="inner7_1"></div>
+        <div class="inner7_2"></div>
+        <div class="inner7_3"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5ref1expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,24 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: repeat repeat;
+        width: 81px;
+        height: 81px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5ref1html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5-ref-1.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,177 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="match" href="border-image-repeat-space-5-ref-2.html">
+    <style type="text/css">
+      .outer {
+        width: 135px;
+        height: 135px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner2_1 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner2_2 {
+        position: absolute;
+        top: 0px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner2_3 {
+        position: absolute;
+        top: 0px;
+        left: 81px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px 0px;
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner4_1 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner4_2 {
+        position: absolute;
+        top: 54px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner4_3 {
+        position: absolute;
+        top: 81px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: 0px -27px;
+      }
+      .inner5_1 {
+        position: absolute;
+        top: 27px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner5_2 {
+        position: absolute;
+        top: 54px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner5_3 {
+        position: absolute;
+        top: 81px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -54px -27px;
+      }
+      .inner6 {
+        position: absolute;
+        top: 108px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+      .inner7_1 {
+        position: absolute;
+        top: 108px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner7_2 {
+        position: absolute;
+        top: 108px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner7_3 {
+        position: absolute;
+        top: 108px;
+        left: 81px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+        background-position: -27px -54px;
+      }
+      .inner8 {
+        position: absolute;
+        top: 108px;
+        left: 108px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/border.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2_1"></div>
+        <div class="inner2_2"></div>
+        <div class="inner2_3"></div>
+        <div class="inner3"></div>
+        <div class="inner4_1"></div>
+        <div class="inner4_2"></div>
+        <div class="inner4_3"></div>
+        <div class="inner5_1"></div>
+        <div class="inner5_2"></div>
+        <div class="inner5_3"></div>
+        <div class="inner6"></div>
+        <div class="inner7_1"></div>
+        <div class="inner7_2"></div>
+        <div class="inner7_3"></div>
+        <div class="inner8"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace5html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-5.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-5-ref-1.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' uses the correct formula when multiple images fit exactly.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border: 27px solid transparent;
+        border-image: url("support/border.png") 27;
+        border-image-repeat: space space;
+        width: 81px;
+        height: 81px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace6expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,101 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 81px;
+        height: 81px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-tl.png");
+      }
+      .inner2 {
+        position: absolute;
+        top: 0px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-to.png");
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-tr.png");
+      }
+      .inner4 {
+        position: absolute;
+        top: 27px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-le.png");
+      }
+      .inner5 {
+        position: absolute;
+        top: 27px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ct.png");
+      }
+      .inner6 {
+        position: absolute;
+        top: 27px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ri.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 54px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-bl.png");
+      }
+      .inner8 {
+        position: absolute;
+        top: 54px;
+        left: 27px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-bo.png");
+      }
+      .inner9 {
+        position: absolute;
+        top: 54px;
+        left: 54px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-br.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2"></div>
+        <div class="inner3"></div>
+        <div class="inner4"></div>
+        <div class="inner5"></div>
+        <div class="inner6"></div>
+        <div class="inner7"></div>
+        <div class="inner8"></div>
+        <div class="inner9"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace6html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-6.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-6-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' with 'fill' uses the correct formula when a single image fits exactly.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border-width: 27px;
+        border-style: solid;
+        border-image: url("support/reticule.png") 27 fill space;
+        width: 27px;
+        height: 27px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace7expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7-expected.html                          (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7-expected.html     2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,164 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <style type="text/css">
+      .outer {
+        width: 132px;
+        height: 132px;
+      }
+      .inner1 {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-tl.png");
+      }
+      .inner2_1 {
+        position: absolute;
+        top: 0px;
+        left: 35px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-to.png");
+      }
+      .inner2_2 {
+        position: absolute;
+        top: 0px;
+        left: 70px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-to.png");
+      }
+      .inner3 {
+        position: absolute;
+        top: 0px;
+        left: 105px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-tr.png");
+      }
+      .inner4_1 {
+        position: absolute;
+        top: 35px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-le.png");
+      }
+      .inner4_2 {
+        position: absolute;
+        top: 70px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-le.png");
+      }
+      .inner5_1 {
+        position: absolute;
+        top: 35px;
+        left: 35px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ct.png");
+      }
+      .inner5_2 {
+        position: absolute;
+        top: 35px;
+        left: 70px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ct.png");
+      }
+      .inner5_3 {
+        position: absolute;
+        top: 70px;
+        left: 35px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ct.png");
+      }
+      .inner5_4 {
+        position: absolute;
+        top: 70px;
+        left: 70px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ct.png");
+      }
+      .inner6_1 {
+        position: absolute;
+        top: 35px;
+        left: 105px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ri.png");
+      }
+      .inner6_2 {
+        position: absolute;
+        top: 70px;
+        left: 105px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-ri.png");
+      }
+      .inner7 {
+        position: absolute;
+        top: 105px;
+        left: 0px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-bl.png");
+      }
+      .inner8_1 {
+        position: absolute;
+        top: 105px;
+        left: 35px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-bo.png");
+      }
+      .inner8_2 {
+        position: absolute;
+        top: 105px;
+        left: 70px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-bo.png");
+      }
+      .inner9 {
+        position: absolute;
+        top: 105px;
+        left: 105px;
+        width: 27px;
+        height: 27px;
+        background-image: url("support/reticule-br.png");
+      }
+    </style>
+    </head>
+    <body>
+      <div class="outer">
+        <div class="inner1"></div>
+        <div class="inner2_1"></div>
+        <div class="inner2_2"></div>
+        <div class="inner3"></div>
+        <div class="inner4_1"></div>
+        <div class="inner4_2"></div>
+        <div class="inner5_1"></div>
+        <div class="inner5_2"></div>
+        <div class="inner5_3"></div>
+        <div class="inner5_4"></div>
+        <div class="inner6_1"></div>
+        <div class="inner6_2"></div>
+        <div class="inner7"></div>
+        <div class="inner8_1"></div>
+        <div class="inner8_2"></div>
+        <div class="inner9"></div>
+      </div>
+    </body>
+</html>
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimagerepeatspace7html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-repeat-space-7.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,27 @@
</span><ins>+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Border Image: border-image-repeat: space</title>
+    <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com">
+    <link rel="author" title="Mozilla" href="https://www.mozilla.org">
+    <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="border-image-repeat-space-7-ref.html">
+    <meta name="assert" content="The test checks whether border-image-repeat: 'space' with 'fill' uses the correct formula when multiple image fit.">
+    <style type="text/css">
+      .outer {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        border-width: 27px;
+        border-style: solid;
+        border-image: url("support/reticule.png") 27 fill space;
+        width: 78px;
+        height: 78px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer"></div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      border: green solid 20px;
+      height: 100px;
+      margin: 50px;
+      width: 100px;
+    }
+  </style>
+
+  <p>Test passes if there are 2 identical green squares and <strong>no red</strong>.
+
+  <div></div>
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand002htm"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm     2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-002.htm        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,35 +1,51 @@
</span><del>-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Omitted values for 'border-image-outset' property in the 'border-image' shorthand</title>
-        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-shorthand" />
-        <meta name="flags" content="image" />
-        <meta name="assert" content="This test checks that the omitted 'border-image-outset' value in the shorthand property is set to the initial value." />
-        <style type="text/css">
-            #test
</del><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+        <title>CSS Background and Borders Test: Omitted values for 'border-image-outset' property in the 'border-image' shorthand</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <!--
+        Test rehabilitated by Gérard Talbot
+        2020-05-27 and 2020-06-25 and 2020-09-25
+        -->
+        <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-border-image">
+        <link rel="match" href="reference/border-image-shorthand-002-ref.html">
+        <meta name="flags" content="">
+        <meta name="assert" content="This test checks that the omitted 'border-image-outset' value in the shorthand property is set to the initial value.">
+        <style>
+            div
</ins><span class="cx">             {
</span><del>-                border: 20px double red;
-                border-image: url("../support/9grid40-30-20-10-lime.png") 40% 15% 20% 5% / 1 stretch;
</del><ins>+                border-color: red;
+                border-style: double;
+                border-width: 20px;
</ins><span class="cx">                 height: 100px;
</span><span class="cx">                 margin: 50px;
</span><span class="cx">                 width: 100px;
</span><span class="cx">             }
</span><ins>+
+            #test
+            {
+                /* We first set border-image-outset to an entirely arbitrary value */
+                border-image-outset: 2;
+                /*
+                and then we check with a shorthand value (which is deliberately
+                omitting the border-image-outset sub-property) if the border-image-outset
+                sub-property gets reset to its initial default value
+                (which is 0 and not 2)
+                */
+                border-image: url("support/9grid40-30-20-10-red-old.png") 40% 15% 20% 5% / 1 stretch;
+            }
+
</ins><span class="cx">             #reference
</span><span class="cx">             {
</span><del>-                border: 20px double red;
</del><ins>+                border-image-outset: 0 0 0 0;
</ins><span class="cx">                 border-image-repeat: stretch;
</span><span class="cx">                 border-image-slice: 40% 15% 20% 5%;
</span><del>-                border-image-source: url("../support/9grid40-30-20-10-lime.png");
-                height: 100px;
-                margin: 50px;
-                width: 100px;
</del><ins>+                border-image-source: url("support/9grid40-30-20-10-red-old.png");
+                border-image-width: 1;
</ins><span class="cx">             }
</span><span class="cx">         </style>
</span><del>-    </head>
-    <body>
-        <p>Test passes if there are two identical images visible on the page.</p>
</del><ins>+
+        <p>Test passes if there are 2 identical green squares and <strong>no red</strong>.
</ins><span class="cx">         <div id="test"></div>
</span><span class="cx">         <div id="reference"></div>
</span><del>-    </body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      border: green solid 20px;
+      height: 85px;
+      margin: 60px 60px 20px;
+      width: 85px;
+    }
+
+  div#second
+    {
+      margin-top: 0px;
+    }
+  </style>
+
+  <p>Test passes if there are 2 identical green squares and <strong>no red</strong>.
+
+  <div></div>
+
+  <div id="second"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageshorthand003htm"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm     2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-shorthand-003.htm        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,37 +1,51 @@
</span><del>-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: Omitted values for 'border-image-width' properties in 'border-image' shorthand</title>
-        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-shorthand" />
-        <meta name="flags" content="image" />
-        <meta name="assert" content="This test checks that the omitted 'border-image-width' value in shorthand property is set to the initial value." />
-        <style type="text/css">
-            #test
</del><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+        <title>CSS Background and Borders Test: Omitted values for 'border-image-width' properties in 'border-image' shorthand</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <!--
+        Test rehabilitated by Gérard Talbot
+        2020-05-27 and 2020-06-25 and 2020-09-25
+        -->
+        <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-border-image">
+        <link rel="match" href="reference/border-image-shorthand-003-ref.html">
+        <meta name="flags" content="">
+        <meta name="assert" content="This test checks that the omitted 'border-image-width' value in shorthand property is set to the initial value.">
+        <style>
+            div
</ins><span class="cx">             {
</span><del>-                border: 20px double red;
-                border-image: url("../support/9grid40-30-20-10-lime.png") 40% 15% 20% 5% / / 2 stretch;
</del><ins>+                border-color: red;
+                border-style: double;
+                border-width: 20px;
</ins><span class="cx">                 height: 5px;
</span><span class="cx">                 margin: 100px;
</span><span class="cx">                 width: 5px;
</span><span class="cx">             }
</span><ins>+
+            #test
+            {
+                /* We first set border-image-width to an entirely arbitrary value */
+                border-image-width: 3;
+                /*
+                and then we check with a shorthand value (which is deliberately
+                omitting the border-image-width sub-property) if the border-image-width
+                sub-property gets reset to its initial default value
+                (which is 1 and not 3)
+                */
+                border-image: url("support/9grid40-30-20-10-red-old.png") 40% 15% 20% 5% / / 2 stretch;
+            }
+
</ins><span class="cx">             #reference
</span><span class="cx">             {
</span><del>-                border: 20px double red;
</del><span class="cx">                 border-image-outset: 2;
</span><span class="cx">                 border-image-repeat: stretch;
</span><span class="cx">                 border-image-slice: 40% 15% 20% 5%;
</span><del>-                border-image-source: url("../support/9grid40-30-20-10-lime.png");
</del><ins>+                border-image-source: url("support/9grid40-30-20-10-red-old.png");
</ins><span class="cx">                 border-image-width: 1;
</span><del>-                height: 5px;
-                margin: 100px;
-                width: 5px;
</del><span class="cx">             }
</span><span class="cx">         </style>
</span><del>-    </head>
-    <body>
-        <p>Test passes if there are two identical images visible on the page.</p>
</del><ins>+
+        <p>Test passes if there are 2 identical green squares and <strong>no red</strong>.
</ins><span class="cx">         <div id="test"></div>
</span><span class="cx">         <div id="reference"></div>
</span><del>-    </body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice005expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div#outer
+    {
+      background-color: orange;
+      border: blue double 24px;
+      margin: 50px;
+      padding: 8px;
+      width: 216px;
+    }
+
+  div#inner
+    {
+      border: blue solid 8px;
+      height: 100px;
+    }
+  </style>
+
+  <p>Test passes if there is a filled orange rectangle inside 3 blue borders interleaved with 2 orange borders and <strong>no red</strong>.
+
+  <div id="outer">
+    <div id="inner"></div>
+  </div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice005htm"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-005.htm    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,25 +1,53 @@
</span><del>-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
</del><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
</ins><span class="cx">         <title>CSS Test: The 'border-image-slice' property with four percentage values</title>
</span><del>-        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" />
-        <meta name="flags" content="image" />
-        <meta name="assert" content="This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets." />
-        <style type="text/css">
</del><ins>+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <!--
+        Test rehabilitated by Gérard Talbot
+        2020-05-27 and 2020-09-28
+        -->
+        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice">
+        <link rel="match" href="reference/border-image-slice-005-ref.html">
+        <meta name="flags" content="">
+        <meta name="fuzzy" content="0-35;0-1250">
+        <meta name="assert" content="This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '30%' from the right,'20%' from the bottom, and '10%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.">
+        <style>
</ins><span class="cx">             div
</span><span class="cx">             {
</span><del>-                border: 40px double red;
-                border-image-slice: 40% 15% 20% 5%;
-                border-image-source: url("../support/9grid40-30-20-10-red.png");
</del><ins>+                background-color: orange;
+                border-color: red;
+                border-style: double;
+                border-width: 40px;
+                border-image-slice: 40% 30% 20% 10%;
+                /*
+                The original test was using 'border-image-slice: 40% 15% 20% 5%'.
+                */
+                border-image-source: url("support/9grid40-30-20-10-red.png");
+                /*
+                The top side uses 3 blue borders of 24px wide interleaved with 2
+                transparent areas of 24px wide.
+                So: 5 times 24px == 120px which is 40% of 300px
+
+                The right side uses 3 blue borders of 18px wide interleaved with 2
+                transparent areas of 18px wide.
+                So: 5 times 18px == 90px which is 30% of 300px
+
+                The bottom side uses 3 blue borders of 4px wide interleaved with 2
+                transparent areas of 12px wide.
+                So: 5 times 12px == 60px which is 20% of 300px
+
+                The left side uses 3 blue borders of 6px wide interleaved with 2
+                transparent areas of 6px wide.
+                So: 5 times 6px == 30px which is 10% of 300px
+                */
</ins><span class="cx">                 height: 100px;
</span><span class="cx">                 margin: 50px;
</span><span class="cx">                 width: 200px;
</span><span class="cx">             }
</span><span class="cx">         </style>
</span><del>-    </head>
-    <body>
-        <p>Test passes if there is no red visible on the page.</p>
</del><ins>+
+        <p>Test passes if there is a filled orange rectangle inside 3 blue borders interleaved with 2 orange borders and <strong>no red</strong>.
+
</ins><span class="cx">         <div></div>
</span><del>-    </body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div#outer
+    {
+      background-color: orange;
+      border: blue double 24px;
+      margin: 50px;
+      padding: 8px;
+      width: 216px;
+    }
+
+  div#inner
+    {
+      background-color: green;
+      border: blue solid 8px;
+      height: 100px;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green rectangle inside 3 blue borders interleaved with 2 orange borders and <strong>no red</strong>.
+
+  <div id="outer">
+    <div id="inner"></div>
+  </div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderimageslice007htm"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-image-slice-007.htm    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,26 +1,53 @@
</span><del>-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
</del><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
</ins><span class="cx">         <title>CSS Test: The 'border-image-slice' property with the 'fill' keyword</title>
</span><del>-        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" />
-        <meta name="flags" content="image" />
-        <meta name="assert" content="This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved." />
-        <style type="text/css">
</del><ins>+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <!--
+        Test rehabilitated by Gérard Talbot
+        2020-05-27 and 2020-09-28
+        -->
+        <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice">
+        <link rel="match" href="reference/border-image-slice-007-ref.html">
+        <meta name="flags" content="">
+        <meta name="fuzzy" content="0-35;0-1250">
+        <meta name="assert" content="This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved.">
+        <style>
</ins><span class="cx">             div
</span><span class="cx">             {
</span><del>-                background-color: red;
-                border: 40px double red;
-                border-image-slice: 40% 15% 20% 5% fill;
-                border-image-source: url("../support/9grid40-30-20-10-lime.png");
</del><ins>+                background-color: orange;
+                border-color: red;
+                border-style: double;
+                border-width: 40px;
+                border-image-slice: 40% 30% 20% 10% fill;
+                /*
+                The original test was using 'border-image-slice: 40% 15% 20% 5% fill'.
+                */
+                border-image-source: url("support/9grid40-30-20-10-green.png");
+                /*
+                The top side uses 3 blue borders of 24px wide interleaved with 2
+                transparent areas of 24px wide.
+                So: 5 times 24px == 120px which is 40% of 300px
+
+                The right side uses 3 blue borders of 18px wide interleaved with 2
+                transparent areas of 18px wide.
+                So: 5 times 18px == 90px which is 30% of 300px
+
+                The bottom side uses 3 blue borders of 4px wide interleaved with 2
+                transparent areas of 12px wide.
+                So: 5 times 12px == 60px which is 20% of 300px
+
+                The left side uses 3 blue borders of 6px wide interleaved with 2
+                transparent areas of 6px wide.
+                So: 5 times 6px == 30px which is 10% of 300px
+                */
</ins><span class="cx">                 height: 100px;
</span><span class="cx">                 margin: 50px;
</span><span class="cx">                 width: 200px;
</span><span class="cx">             }
</span><span class="cx">         </style>
</span><del>-    </head>
-    <body>
-        <p>Test passes if there is no red visible on the page.</p>
</del><ins>+
+        <p>Test passes if there is a filled green rectangle inside 3 blue borders interleaved with 2 orange borders and <strong>no red</strong>.
+
</ins><span class="cx">         <div></div>
</span><del>-    </body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradius012expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,13 @@
</span><ins>+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<style>
+  .spacer { display:inline-block; width:20px; }
+</style>
+<p>There should be two good-looking arcs below.</p>
+<div style="font-size:40px; line-height:100px;">
+  <span style="border:20px solid; border-radius:40px; border-right:none; border-top-right-radius:0; border-bottom-right-radius:0;">
+    <span class="spacer"></span></span>
+  <br>
+  <span style="border:20px solid; border-radius:40px; border-left:none; border-top-left-radius:0; border-bottom-left-radius:0;">
+    <span class="spacer"></span></span>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradius012html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-012.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,14 @@
</span><ins>+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-border-radius">
+<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1119323">
+<link rel="match" href="border-radius-012-ref.html">
+<style>
+  .spacer { display:inline-block; width:20px; }
+</style>
+<p>There should be two good-looking arcs below.</p>
+<div style="font-size:40px; line-height:100px;">
+  <span style="border:20px solid; border-radius:40px;">
+    <span class="spacer"></span><br><span class="spacer"></span>
+  </span>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,29 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      background-color: green;
+      border-radius: 50%;
+      margin: 20px;
+      height: 100px;
+      width: 100px;
+      float: left;
+    }
+  </style>
+
+  <p>Test passes if there are four filled green circles and <strong>no red</strong>.
+
+  <div></div>
+
+  <div></div>
+
+  <div></div>
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip001htm"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.htm 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.htm    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,34 +0,0 @@
</span><del>-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>CSS Test: 'Overflow' clips to the curve of the rounded corner.</title>
-        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#border-radius" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="'Overflow' clips to the curve of the rounded corner." />
-        <style type="text/css">
-            div
-            {
-                border: solid black;
-                border-radius: 40px;
-                height: 1in;
-                width: 2in;
-                overflow: hidden;
-            }
-        </style>
-    </head>
-    <body>
-        <p>Test passes if the 'Filler Text' below is clipped to the curve of the rounded corners.</p>
-        <div>
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-            Filler Text. Filler Text.
-        </div>
-    </body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-001.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: 'border-radius' and corner-clipping of content</title>
+
+  <link rel="author" title="zhouli" href="mailto:liz@oupeng.com">
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+  <link rel="help" href="http://www.w3.org/TR/css-background-3/#corner-clipping">
+  <link rel="match" href="reference/border-radius-clipping-ref.html">
+
+  <meta name="assert" content="Test passes if a box with border-radius that clips its content to a box edge clips to the border-radius curve in the corners.">
+
+  <meta name="fuzzy" content="0-1;0-1000">
+
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+  <style>
+  body > div { float: left; }
+  .round
+    {
+      border: transparent double 20px;
+      border-radius: 50%;
+      padding: 10px;
+    }
+  #bg, #txt, #img-contain
+    {
+      overflow: hidden;
+      width: 80px;
+    }
+  #bg > div
+    {
+      margin: -10px;
+      background-image: url("support/100x100-green-with-red-corners.png");
+      height: 100px;
+      width: 100px;
+    }
+  #txt > div
+    {
+      margin: -10px;
+      color: green;
+      font: 50px/1 Ahem;
+    }
+
+  img
+    {
+      display: block;
+    }
+  #img-contain > img
+    {
+      margin: -10px;
+    }
+  #img-self
+    {
+      margin: -10px;
+    }
+  </style>
+
+  <p>Test passes if there are four filled green circles and <strong>no red</strong>.
+
+  <div id="bg" class="round">
+    <div></div>
+  </div>
+
+  <div id="txt" class="round">
+    <div>XX<br>XX</div>
+  </div>
+
+  <div id="img-contain" class="round">
+    <img src="support/swatch-green.png" width=100 height=100>
+  </div>
+
+  <div>
+    <img id="img-self" class="round" src="support/swatch-green.png" width=100>
+  </div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip002expectedhtm"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002-expected.htm (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002-expected.htm                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002-expected.htm   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,32 @@
</span><ins>+<!DOCTYPE html>
+<html>
+    <head>
+        <title>CSS Test: Background is clipped to the curve of the content-box when 'background-clip: content-box'</title>
+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <style type="text/css">
+            .base
+            {
+                width: 98px;
+                height: 98px;
+                border: 10px double black;
+                padding: 11px;
+                border-radius: 40px;
+            }
+            .cover
+            {
+                margin: -120px 0 40px 20px;
+                width: 100px;
+                height: 100px;
+                border-radius: 20px;
+                background-color: black;
+            }
+        </style>
+    </head>
+    <body>
+        <p>Test passes if there is no red visible on the page.</p>
+        <div class="base"></div>
+        <div class="cover"></div>
+        <div class="base"></div>
+        <div class="cover"></div>
+    </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclip002htm"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002.htm (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002.htm 2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clip-002.htm    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,36 +1,60 @@
</span><del>-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
</del><ins>+<!DOCTYPE html>
+<html>
</ins><span class="cx">     <head>
</span><span class="cx">         <title>CSS Test: Background is clipped to the curve of the content-box when 'background-clip: content-box'</title>
</span><del>-        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
-        <link rel="help" href="http://www.w3.org/TR/css3-background/#border-radius" />
-        <meta name="flags" content="" />
-        <meta name="assert" content="Background is clipped to the curve of the content-box when 'background-clip: content-box'" />
</del><ins>+        <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
+        <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+        <link rel="match" href="reference/border-radius-clip-002-ref.htm">
+        <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#corner-clipping">
+        <meta name="assert" content="Background is clipped to the curve of the content-box when 'background-clip: content-box'">
+        <meta name=fuzzy content="0-70;0-50">
</ins><span class="cx">         <style type="text/css">
</span><del>-            #test
</del><ins>+            #test-base
</ins><span class="cx">             {
</span><del>-                width: 100px;
-                height: 100px;
-                border: 10px solid black;
-                padding: 10px;
</del><ins>+                width: 98px;
+                height: 98px;
+                border: 10px double black;
+                padding: 11px;
</ins><span class="cx">                 border-radius: 40px;
</span><del>-                background: red;
</del><ins>+                background: red url(support/swatch-red.png);
</ins><span class="cx">                 background-clip: content-box;
</span><span class="cx">             }
</span><del>-            #reference
</del><ins>+            #reference-cover
</ins><span class="cx">             {
</span><del>-                margin-top: -120px;
-                margin-left: 20px;
</del><ins>+                margin: -120px 0 40px 20px;
</ins><span class="cx">                 width: 100px;
</span><span class="cx">                 height: 100px;
</span><span class="cx">                 border-radius: 20px;
</span><span class="cx">                 background-color: black;
</span><span class="cx">             }
</span><ins>+
+            #reference-base
+            {
+                width: 98px;
+                height: 98px;
+                margin-top: 62px;
+                margin-left: 20px;
+                border-radius: 20px;
+                background: red url(support/swatch-red.png);
+            }
+            #test-cover
+            {
+                margin-top: -120px;
+                border: 10px double black;
+                padding: 10px;
+                width: 100px;
+                height: 100px;
+                border-radius: 40px;
+                background-color: black;
+                background-clip: content-box;
+            }
</ins><span class="cx">         </style>
</span><span class="cx">     </head>
</span><span class="cx">     <body>
</span><span class="cx">         <p>Test passes if there is no red visible on the page.</p>
</span><del>-        <div id="test"></div>
-        <div id="reference"></div>
</del><ins>+        <div id="test-base"></div>
+        <div id="reference-cover"></div>
+        <div id="reference-base"></div>
+        <div id="test-cover"></div>
</ins><span class="cx">     </body>
</span><del>-</html>
</del><span class="cx">\ No newline at end of file
</span><ins>+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclipping002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002-expected.xht (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002-expected.xht                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002-expected.xht       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+ <head>
+
+  <title>CSS Reftest Reference</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+
+ </head>
+
+ <body>
+
+  <p>Test passes if there is nothing below.</p>
+
+ </body>
+</html>
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclipping002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-002.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds and Borders Test: 'border-radius' and corner-clipping of content elements</title>
+
+  <link rel="author" title="zhouli" href="mailto:liz@oupeng.com">
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="http://www.w3.org/TR/css3-background/#corner-clipping">
+  <link rel="match" href="../reference/ref-nothing-below.xht">
+
+  <meta content="" name="flag">
+  <meta name="assert" content="When set with 'overflow: hidden', an outer container must clip text of its child element at its corners. In this test, the outer container, which has immense size, has a 'border-radius' declaration which implies that the clipping must occur at its curve.">
+
+  <style>
+  body
+    {
+      overflow: hidden;
+      /*
+      otherwise, horizontal and vertical
+      scroll bars will be generated
+      */
+    }
+
+  div#fail-condition
+    {
+      border-radius: 250em;
+      color: red;
+      font-size: 32px;
+      height: 500em;
+      overflow: hidden;
+      width: 500em;
+    }
+  </style>
+
+  <p>Test passes if there is nothing below.
+
+  <div id="fail-condition">FAIL FAIL FAIL FAIL</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclippingexpectedhtml"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-expected.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-expected.html       2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,28 +0,0 @@
</span><del>-<!DOCTYPE html>
-<html>
-<head>
-    <title>Border radius clipping</title>
-    <link rel="author" title="zhouli" href="mailto:liz@oupeng.com">
-    <style>
-        #parent{
-               border-radius: 15px;
-               border: 1px solid blue;
-               overflow: hidden;
-               width: 300px;
-            height: 30px;
-            background-color: green;
-        }
-        #son{
-               width: 300px;
-            height: 30px;
-        }
-    </style>
-</head>
-<body>
-<div id="parent">
-    <div id="son"></div>
-</div>
-<script>
-</script>
-</body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderradiusclippinghtml"></a>
<div class="delfile"><h4>Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping.html        2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-radius-clipping.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,40 +0,0 @@
</span><del>-<!DOCTYPE html>
-<html>
-<head>
-    <title>Border radius clipping</title>
-    <link rel="author" title="zhouli" href="mailto:liz@oupeng.com">
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#corner-clipping" />
-    <link rel="match" href="reference/border-radius-clipping-ref.html">
-    <meta name="assert" content="When set with 'overflow: hidden', outer container should clip background of an element insides at the corners. " />
-    <style>
-        #parent{
-            border-radius: 15px;
-            border: 1px solid blue;
-            overflow: hidden;
-            width: 300px;
-            height: 30px;
-        }
-        #son{
-            background-color: green;
-            width: 300px;
-            height: 30px;
-        }
-        #dummy {
-            border-radius: 5000em;
-            height: 10000em;
-            overflow: hidden;
-            width: 10000em;
-        }
-    </style>
-</head>
-<body>
-<div id="parent">
-    <div id="son"></div>
-</div>
-<div id="dummy">
-    This should not appear if browser supports border-radius
-</div>
-<script>
-</script>
-</body>
-</html>
</del><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001aexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Reference Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<div>The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001ahtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-a.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
+<link rel="mismatch" href="reference/border-width-small-values-001-ref.html">
+<meta name="assert" content="Tese tests check that small values for border-width (greater than 0px and lower than 1px) are visible.">
+<div style="border: 0.1px solid black;">The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001bexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Reference Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<div>The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001bhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-b.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
+<link rel="mismatch" href="reference/border-width-small-values-001-ref.html">
+<meta name="assert" content="Tese tests check that small values for border-width (greater than 0px and lower than 1px) are visible.">
+<div style="border: 0.25px solid black;">The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001cexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Reference Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<div>The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001chtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-c.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
+<link rel="mismatch" href="reference/border-width-small-values-001-ref.html">
+<meta name="assert" content="Tese tests check that small values for border-width (greater than 0px and lower than 1px) are visible.">
+<div style="border: 0.5px solid black;">The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001dexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Reference Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<div>The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001dhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-d.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
+<link rel="mismatch" href="reference/border-width-small-values-001-ref.html">
+<meta name="assert" content="Tese tests check that small values for border-width (greater than 0px and lower than 1px) are visible.">
+<div style="border: 0.7px solid black;">The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001eexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Reference Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<div>The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsborderwidthsmallvalues001ehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/border-width-small-values-001-e.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Test: border-width small values</title>
+<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
+<link rel="mismatch" href="reference/border-width-small-values-001-ref.html">
+<meta name="assert" content="Tese tests check that small values for border-width (greater than 0px and lower than 1px) are visible.">
+<div style="border: 0.9px solid black;">The test passes if this text has a border</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow029expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029-expected.xht (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029-expected.xht   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
+  <style type="text/css"><![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]></style>
+ </head>
+ <body>
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+  <div></div>
+ </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow029html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-029.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+
+  <title>CSS Backgrounds Test: box-shadow and empty box (edge)</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow">
+  <link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that an empty box can have a box shadow." name="assert">
+
+  <!--
+
+  <shadow> = inset? && <length>{2,4} && <color>?
+
+  A comma-separated pair of numbers in curly braces {A,B}
+  indicates that the preceding type, word, or group occurs
+  at least A and at most B times.
+
+  A question mark (?) indicates that the preceding type,
+  word, or group is optional (occurs zero or one times).
+
+  The components of each <shadow> are interpreted as follows:
+
+  1st <length>
+    Specifies the horizontal offset
+    of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.
+  2nd <length>
+    Specifies the vertical offset
+    of the shadow. A positive value offsets the shadow down, a negative one up.
+  4th <length>
+    Specifies the spread distance. Positive values cause the shadow to expand in all directions by the specified radius. Negative values cause the shadow to contract.
+
+  -->
+
+  <style>
+  div#green-overlapping-test
+    {
+      background-color: red;
+      height: 0px;
+      width: 0px;
+
+      box-shadow: green 50px 50px 0px 50px;
+    }
+
+  div#red-overlapped-reference
+    {
+      background-color: red;
+      height: 100px;
+      position: relative;
+      width: 100px;
+      z-index: -1;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="green-overlapping-test"></div>
+
+  <div id="red-overlapped-reference"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow039expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div.blue
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      width: 36px;
+    }
+
+  div#sub-test1-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 72px; /* offsetHeight == 72px */
+      height: 72px;
+      left: 72px; /* offsetWidth == 72px */
+      position: relative;
+      width: 36px;
+    }
+
+  div#sub-test21-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 126px; /* 18px + 72px + 36px == 126px */
+      height: 18px;
+      left: 18px;
+      position: relative;
+      width: 108px;
+    }
+
+  div#sub-test22-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 126px;
+      height: 72px;
+      left: 72px;
+      position: relative;
+      width: 54px;
+    }
+
+  div#sub-test23-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 126px;
+      height: 18px;
+      left: 18px;
+      position: relative;
+      width: 108px;
+    }
+
+  div#sub-test3-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 162px;
+      height: 36px;
+      left: 72px;
+      position: relative;
+      width: 18px;
+    }
+  </style>
+
+  <h3>Not inset and Npx 0px: 36px 0px</h3>
+
+  <div class="blue"></div><div id="sub-test1-orange"></div>
+
+  <div class="blue" style="position: relative; bottom: 36px;"></div><div id="sub-test21-orange"></div><div id="sub-test22-orange"></div><div id="sub-test23-orange"></div>
+
+  <div class="blue" style="position: relative; bottom: 108px;"></div><div id="sub-test3-orange"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow039html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-039.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds Test: box-shadow in 3 sub-tests with not inset and Npx 0px</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow">
+  <link rel="match" href="reference/box-shadow-039-ref.html">
+
+  <meta content="" name="flags">
+
+  <!--
+
+  <shadow> = inset? && <length>{2,4} && <color>?
+
+  A comma-separated pair of numbers in curly braces {A,B}
+  indicates that the preceding type, word, or group occurs
+  at least A and at most B times.
+
+  A question mark (?) indicates that the preceding type,
+  word, or group is optional (occurs zero or one times).
+
+  The components of each <shadow> are interpreted as follows:
+
+  1st <length>
+    Specifies the horizontal offset
+    of the shadow. A positive value draws a shadow that is offset to
+    the right of the box, a negative length to the left.
+
+  2nd <length>
+    Specifies the vertical offset
+    of the shadow. A positive value offsets the shadow down, a negative one up.
+
+  4th <length>
+    Specifies the spread distance.
+    Positive values cause the shadow to expand in all directions
+    by the specified radius.
+    Negative values cause the shadow to contract.
+
+  -->
+
+  <style>
+  div
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      margin-bottom: 36px;
+      width: 36px;
+    }
+
+  /* Npx 0px, zero spread, not-inset */
+  div#sub-test1
+    {
+      box-shadow: 36px 0px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* Npx 0px, positive spread, not-inset */
+  div#sub-test2
+    {
+      box-shadow: 36px 0px 0px 18px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* Npx 0px, negative spread, not-inset */
+  div#sub-test3
+    {
+      box-shadow: 36px 0px 0px -18px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+  </style>
+
+  <h3>Not inset and Npx 0px: 36px 0px</h3>
+
+  <div id="sub-test1"></div>
+
+  <div id="sub-test2"></div>
+
+  <div id="sub-test3"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow040expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,75 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div.blue
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      width: 36px;
+    }
+
+  div#sub-test41-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 54px; /* offsetHeight == 54px */
+      height: 54px;
+      left: 72px;
+      position: relative;
+      width: 36px;
+    }
+
+  div#sub-test42-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 54px;
+      height: 18px;
+      left: 36px;
+      position: relative;
+      width: 72px;
+    }
+
+  div#sub-test51-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 90px; /* 18px + 72px == 90px */
+      height: 72px;
+      left: 72px;
+      position: relative;
+      width: 54px;
+    }
+
+  div#sub-test52-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 90px;
+      height: 36px;
+      left: 18px;
+      position: relative;
+      width: 108px;
+    }
+
+  div#sub-test6-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      bottom: 108px;
+      height: 36px;
+      left: 72px;
+      position: relative;
+      width: 18px;
+    }
+  </style>
+
+  <h3>Not inset and Npx Mpx: 36px 18px</h3>
+
+  <div class="blue"></div><div id="sub-test41-orange"></div><div id="sub-test42-orange"></div>
+
+  <div class="blue" style="position: relative; bottom: 18px;"></div><div id="sub-test51-orange"></div><div id="sub-test52-orange"></div>
+
+  <div class="blue" style="position: relative; bottom: 72px;"></div><div id="sub-test6-orange"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow040html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-040.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds Test: box-shadow in 3 sub-tests with not inset and Npx Mpx</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow">
+  <link rel="match" href="reference/box-shadow-040-ref.html">
+
+  <meta content="" name="flags">
+
+  <!--
+
+  <shadow> = inset? && <length>{2,4} && <color>?
+
+  A comma-separated pair of numbers in curly braces {A,B}
+  indicates that the preceding type, word, or group occurs
+  at least A and at most B times.
+
+  A question mark (?) indicates that the preceding type,
+  word, or group is optional (occurs zero or one times).
+
+  The components of each <shadow> are interpreted as follows:
+
+  1st <length>
+    Specifies the horizontal offset
+    of the shadow. A positive value draws a shadow that is offset to
+    the right of the box, a negative length to the left.
+
+  2nd <length>
+    Specifies the vertical offset
+    of the shadow. A positive value offsets the shadow down, a negative one up.
+
+  4th <length>
+    Specifies the spread distance.
+    Positive values cause the shadow to expand in all directions
+    by the specified radius.
+    Negative values cause the shadow to contract.
+
+  -->
+
+  <style>
+  div
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      margin-bottom: 54px;
+      width: 36px;
+    }
+
+  /* Npx Mpx, zero spread, not-inset */
+  div#sub-test4
+    {
+      box-shadow: 36px 18px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* Npx Mpx, positive spread, not-inset */
+  div#sub-test5
+    {
+      box-shadow: 36px 18px 0px 18px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* Npx Mpx, negative spread, not-inset */
+  div#sub-test6
+    {
+      box-shadow: 36px 18px 0px -18px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+  </style>
+
+  <h3>Not inset and Npx Mpx: 36px 18px</h3>
+
+  <div id="sub-test4"></div>
+
+  <div id="sub-test5"></div>
+
+  <div id="sub-test6"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow041expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,54 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div.blue
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      margin-bottom: 36px;
+      width: 36px;
+    }
+
+  div#sub-test7-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 36px;
+      width: 18px;
+    }
+
+  div#sub-test81-orange , div#sub-test83-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 12px;
+      width: 36px;
+    }
+
+  div#sub-test82-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 12px;
+      width: 30px;
+    }
+
+  div#sub-test9-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 36px;
+      width: 12px;
+    }
+  </style>
+
+  <h3>With inset and Npx 0px: 18px 0px</h3>
+
+  <div class="blue"><div id="sub-test7-orange"></div></div>
+
+  <div class="blue"><div id="sub-test81-orange"></div><div id="sub-test82-orange"></div><div id="sub-test83-orange"></div></div>
+
+  <div class="blue"><div id="sub-test9-orange"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow041html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-041.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds Test: box-shadow in 3 sub-tests with inset and Npx 0px</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow">
+  <link rel="match" href="reference/box-shadow-041-ref.html">
+
+  <meta content="" name="flags">
+
+  <!--
+
+  <shadow> = inset? && <length>{2,4} && <color>?
+
+  A comma-separated pair of numbers in curly braces {A,B}
+  indicates that the preceding type, word, or group occurs
+  at least A and at most B times.
+
+  A question mark (?) indicates that the preceding type,
+  word, or group is optional (occurs zero or one times).
+
+  The components of each <shadow> are interpreted as follows:
+
+  1st <length>
+    Specifies the horizontal offset
+    of the shadow. A positive value draws a shadow that is offset to
+    the right of the box, a negative length to the left.
+
+  2nd <length>
+    Specifies the vertical offset
+    of the shadow. A positive value offsets the shadow down, a negative one up.
+
+  4th <length>
+    Specifies the spread distance.
+    Positive values cause the shadow to expand in all directions
+    by the specified radius.
+    Negative values cause the shadow to contract.
+
+  -->
+
+  <style>
+  div
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      margin-bottom: 36px;
+      width: 36px;
+    }
+
+  /* inset, Npx 0px, zero spread */
+  div#sub-test7
+    {
+      box-shadow: inset 18px 0px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* inset, Npx 0px, positive spread */
+  div#sub-test8
+    {
+      box-shadow: inset 18px 0px 0px 12px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* inset, Npx 0px, negative spread */
+  div#sub-test9
+    {
+      box-shadow: inset 18px 0px 0px -6px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+  </style>
+
+  <h3>With inset and Npx 0px: 18px 0px</h3>
+
+  <div id="sub-test7"></div>
+
+  <div id="sub-test8"></div>
+
+  <div id="sub-test9"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow042expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042-expected.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042-expected.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,68 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div.blue
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      margin-bottom: 36px;
+      width: 36px;
+    }
+
+  div#sub-test101-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 12px;
+      width: 36px;
+    }
+
+  div#sub-test102-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 24px;
+      width: 18px;
+    }
+
+  div#sub-test111-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 24px;
+      width: 36px;
+    }
+
+  div#sub-test112-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 12px;
+      width: 30px;
+    }
+
+  div#sub-test121-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 6px;
+      width: 36px;
+    }
+
+  div#sub-test122-orange
+    {
+      background-color: rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+      height: 30px;
+      width: 12px;
+    }
+  </style>
+
+  <h3>With inset and Npx Mpx: 18px 12px</h3>
+
+  <div class="blue"><div id="sub-test101-orange"></div><div id="sub-test102-orange"></div></div>
+
+  <div class="blue"><div id="sub-test111-orange"></div><div id="sub-test112-orange"></div></div>
+
+  <div class="blue"><div id="sub-test121-orange"></div><div id="sub-test122-orange"></div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadow042html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-042.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,78 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Backgrounds Test: box-shadow in 3 sub-tests with inset and Npx Mpx</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow">
+  <link rel="match" href="reference/box-shadow-042-ref.html">
+
+  <meta content="" name="flags">
+
+  <!--
+
+  <shadow> = inset? && <length>{2,4} && <color>?
+
+  A comma-separated pair of numbers in curly braces {A,B}
+  indicates that the preceding type, word, or group occurs
+  at least A and at most B times.
+
+  A question mark (?) indicates that the preceding type,
+  word, or group is optional (occurs zero or one times).
+
+  The components of each <shadow> are interpreted as follows:
+
+  1st <length>
+    Specifies the horizontal offset
+    of the shadow. A positive value draws a shadow that is offset to
+    the right of the box, a negative length to the left.
+
+  2nd <length>
+    Specifies the vertical offset
+    of the shadow. A positive value offsets the shadow down, a negative one up.
+
+  4th <length>
+    Specifies the spread distance.
+    Positive values cause the shadow to expand in all directions
+    by the specified radius.
+    Negative values cause the shadow to contract.
+
+  -->
+
+  <style>
+  div
+    {
+      background-color: rgba(0, 0, 255, 0.5);  /* semi-transparent blue */
+      border: black double 18px;
+      height: 36px;
+      margin-bottom: 36px;
+      width: 36px;
+    }
+
+  /* inset, Npx Mpx, zero spread */
+  div#sub-test10
+    {
+      box-shadow: inset 18px 12px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* inset, Npx Mpx, positive spread */
+  div#sub-test11
+    {
+      box-shadow: inset 18px 12px 0px 12px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+
+  /* inset, Npx Mpx, negative spread */
+  div#sub-test12
+    {
+      box-shadow: inset 18px 12px 0px -6px rgba(255, 165, 0, 0.5);  /* semi-transparent orange */
+    }
+  </style>
+
+  <h3>With inset and Npx Mpx: 18px 12px</h3>
+
+  <div id="sub-test10"></div>
+
+  <div id="sub-test11"></div>
+
+  <div id="sub-test12"></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowcurrentcolorexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Reftest Reference</title>
+    <link rel="author" title="Dan Glastonbury" href="mailto:dglastonbury@mozilla.com" />
+    <style type="text/css">
+     div {
+         padding: 40px;
+     }
+
+     p {
+         padding: 2em;
+         border: 1px solid limegreen;
+         box-shadow: 10px 5px 5px limegreen;
+     }
+    </style>
+  </head>
+  <body>
+    <!-- content of test -->
+    <div>
+      <p style="color: limegreen">
+          This box should have a green box shadow.
+      </p>
+    </div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowcurrentcolorhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-currentcolor.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>CSS Test: 'box-shadow' respects 'currentcolor'</title>
+    <link rel="author" title="Dan Glastonbury" href="mailto:dglastonbury@mozilla.com" />
+    <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow" />
+    <link rel="help" href="https://www.w3.org/TR/css-color-3/#currentcolor" />
+    <link rel="match" href="box-shadow-currentcolor-ref.html" />
+    <style type="text/css">
+     div {
+         color: transparent;
+         padding: 40px;
+         box-shadow: 10px 5px 5px currentcolor;
+     }
+
+     p {
+         padding: 2em;
+         border: 1px solid currentcolor;
+         box-shadow: inherit;
+     }
+    </style>
+  </head>
+  <body>
+    <!-- content of test -->
+    <div>
+      <p style="color: limegreen">
+          This box should have a green box shadow.
+      </p>
+    </div>
+  </body>
+</html>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      background-color: green;
+      height: 100px;
+      width: 600px;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-001.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Background and Borders Test: box-shadow and overlapping of adjacent text</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#shadow-layers" >
+  <link rel="match" href="reference/box-shadow-overlapping-001-ref.html">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. In this test, the text ('PED') is before a left outer box-shadow box and such left outer box-shadow box is wide and wide enough to overlap the text 'PED'." name="assert">
+
+  <style>
+  div
+    {
+      color: red;
+      float: left;
+      font-family: Ahem;
+      font-size: 100px;
+      line-height: 1;
+    }
+
+  span
+    {
+      color: green;
+      box-shadow: -3em 0em;
+    }
+
+    /*
+
+    omitted colors default to the value of the color property.
+
+    1st <length>
+    Specifies the horizontal offset of the shadow. A positive value
+    draws a shadow that is offset to the right of the box, a negative
+    length to the left.
+
+    2nd <length>
+    Specifies the vertical offset of the shadow. A positive value
+    offsets the shadow down, a negative one up.
+
+    */
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div>PED<span>PNG</span></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping002expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      background-color: green;
+      height: 100px;
+      width: 600px;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-002.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,49 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Background and Borders Test: box-shadow and overlapping of adjacent text</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#shadow-layers" >
+  <link rel="match" href="reference/box-shadow-overlapping-001-ref.html">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. In this test, the text ('PNG') follows a right outer box shadow and therefore overlaps such shadow." name="assert">
+
+  <style>
+  div
+    {
+      background-color: yellow;
+      color: green;
+      float: left;
+      font-family: Ahem;
+      font-size: 100px;
+      line-height: 1;
+    }
+
+  span
+    {
+      box-shadow: 3em 0em red;
+    }
+
+    /*
+
+    omitted colors default to the value of the color property.
+
+    1st <length>
+    Specifies the horizontal offset of the shadow. A positive value
+    draws a shadow that is offset to the right of the box, a negative
+    length to the left.
+
+    2nd <length>
+    Specifies the vertical offset of the shadow. A positive value
+    offsets the shadow down, a negative one up.
+
+    */
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div><span>PED</span>PNG</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping003expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      background-color: green;
+      height: 200px;
+      width: 600px;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-003.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Background and Borders Test: box-shadow and overlapping of adjacent text</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#shadow-layers" >
+  <link rel="match" href="reference/box-shadow-overlapping-003-ref.html">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. In this test, the text ('OVLPED') is from a previous line box and is overlapped by a top outer box shadow box that is tall enough to overlap it entirely." name="assert">
+
+  <style>
+  div
+    {
+      float: left;
+      font-family: Ahem;
+      font-size: 100px;
+      line-height: 1;
+    }
+
+  div#previous-line-box
+    {
+      color: red;
+    }
+
+  div#outer-box-shadow
+    {
+      box-shadow: 0em -1em;
+      clear: left;
+      color: green;
+    }
+
+    /*
+
+    omitted colors default to the value of the color property.
+
+    1st <length>
+    Specifies the horizontal offset of the shadow. A positive value
+    draws a shadow that is offset to the right of the box, a negative
+    length to the left.
+
+    2nd <length>
+    Specifies the vertical offset of the shadow. A positive value
+    offsets the shadow down, a negative one up.
+
+    */
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div id="previous-line-box">OVLPED</div>
+
+  <div id="outer-box-shadow">OVLPNG</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping004expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004-expected.html                           (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004-expected.html      2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  div
+    {
+      background-color: green;
+      height: 200px;
+      width: 600px;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowoverlapping004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-overlapping-004.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Background and Borders Test: box-shadow and overlapping of adjacent text</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#shadow-layers" >
+  <link rel="match" href="reference/box-shadow-overlapping-003-ref.html">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. This test checks that the background of the following line box overlaps the box-shadow of an inline non-replaced box whose box-shadow expands onto and over the following line box. In this test, the box shadow of div#outer-box-shadow is red and protudes out and below onto the following line box. But since the glyphs of div#following-line-box are green, then such green color will overlap the red box shadow of div#outer-box-shadow." name="assert">
+
+  <style>
+  div
+    {
+      color: green;
+      float: left;
+      font-family: Ahem;
+      font-size: 100px;
+      line-height: 1;
+    }
+
+  div#outer-box-shadow
+    {
+      box-shadow: 0em 1em red;
+    }
+
+    /*
+
+    1st <length>
+    Specifies the horizontal offset of the shadow. A positive value
+    draws a shadow that is offset to the right of the box, a negative
+    length to the left.
+
+    2nd <length>
+    Specifies the vertical offset of the shadow. A positive value
+    offsets the shadow down, a negative one up.
+
+    */
+
+  div#following-line-box
+    {
+      clear: left;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.
+
+  <div id="outer-box-shadow">OVLPED</div>
+
+  <div id="following-line-box">OVLPNG</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius000expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,180 @@
</span><ins>+<!DOCTYPE html>
+<title>Box Shadow Border Radius (Outset)</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<!-- This test is complicated, so leaving the reference code identical to the test, minus colors. Please keep them in sync. -->
+
+<style>
+  body > div {
+    /* Isolate tests from each other */
+    position: relative;
+    width: 100px;
+    height: 100px;
+    float: left;
+  }
+  div > div {
+    position: absolute;
+    box-sizing: border-box;
+    /* opacity: 0.7; /* uncomment this line for debugging */
+  }
+
+  .floor > .test {
+    color: silver;
+  }
+  .trap > .test {
+    color: transparent;
+  }
+
+  .floor > .ref {
+    border: solid transparent;
+    width: 58px;
+    height: 58px;
+    top: 21px;
+    left: 21px;
+  }
+  .trap > .ref {
+    border: solid silver;
+    width: 62px;
+    height: 62px;
+    top: 19px;
+    left: 19px;
+  }
+
+  /* Keep tests centered by (top|left)*2 + (width|height) = 100.
+     Keep tests consistent spread + (width|height) = 60
+     Floor = spread - 2px
+     Trap = spread + 2px */
+
+  .once > .test {
+    border-radius: 10px;
+    box-shadow: 0 0 0 10px;
+    /* shadow radius = 20px */
+    top: 30px; left: 30px;
+    width: 40px; height: 40px;
+  }
+  .once > .ref {
+    border-radius: 20px;
+  }
+  .once.floor > .ref {
+    border-width: 8px;
+  }
+  .once.trap > .ref {
+    border-width: 12px;
+  }
+
+  .twice > .test {
+    border-radius: 10px;
+    box-shadow: 0 0 0 5px;
+    /* shadow radius = 15px */
+    top: 25px; left: 25px;
+    width: 50px; height: 50px;
+  }
+  .twice > .ref {
+    border-radius: 15px;
+  }
+  .twice.floor > .ref {
+    border-width: 3px;
+  }
+  .twice.trap > .ref {
+    border-width: 7px;
+  }
+
+  .half > .test {
+    border-radius: 8px;
+    box-shadow: 0 0 0 16px;
+    /* shadow radius = 21px */
+    top: 36px; left: 36px;
+    width: 28px; height: 28px;
+  }
+  .half > .ref {
+    border-radius: 21px;
+  }
+  .half.floor > .ref {
+    border-width: 14px;
+  }
+  .half.trap > .ref {
+    border-width: 18px;
+  }
+
+  .fourth > .test {
+    border-radius: 5px;
+    box-shadow: 0 0 0 20px;
+    /* shadow radius = 14.45px */
+    top: 40px; left: 40px;
+    width: 20px; height: 20px;
+  }
+  .fourth > .ref {
+    border-radius: 15px;
+  }
+  .fourth.floor > .ref {
+    border-width: 18px;
+  }
+  .fourth.trap > .ref {
+    border-width: 22px;
+  }
+
+  .eighth > .test {
+    border-radius: 2px;
+    box-shadow: 0 0 0 16px;
+    /* shadow radius = 5.28 */
+    top: 36px; left: 36px;
+    width: 28px; height: 28px;
+  }
+  .eighth > .ref {
+    border-radius: 5.28px;
+  }
+  .eighth.floor > .ref {
+    border-width: 14px;
+  }
+  .eighth.trap > .ref {
+    border-width: 18px;
+  }
+
+
+</style>
+
+<p>Test passes if there is no red.
+
+<div class="once floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="once trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="twice floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="twice trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="half floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="half trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="fourth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="fourth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="eighth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="eighth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius000html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-000.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,181 @@
</span><ins>+<!DOCTYPE html>
+<title>Box Shadow Border Radius (Outset)</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#shadow-shape">
+<link rel="match" href="box-shadow-radius-000-ref.html">
+
+<style>
+  body > div {
+    /* Isolate tests from each other */
+    position: relative;
+    width: 100px;
+    height: 100px;
+    float: left;
+  }
+  div > div {
+    position: absolute;
+    box-sizing: border-box;
+    /* opacity: 0.7; /* uncomment this line for debugging */
+  }
+
+  .floor > .test {
+    color: silver;
+  }
+  .trap > .test {
+    color: red;
+  }
+
+  .floor > .ref {
+    border: solid red;
+    width: 58px;
+    height: 58px;
+    top: 21px;
+    left: 21px;
+  }
+  .trap > .ref {
+    border: solid silver;
+    width: 62px;
+    height: 62px;
+    top: 19px;
+    left: 19px;
+  }
+
+  /* Keep tests centered by (top|left)*2 + (width|height) = 100.
+     Keep tests consistent spread + (width|height) = 60
+     Floor = spread - 2px
+     Trap = spread + 2px */
+
+  .once > .test {
+    border-radius: 10px;
+    box-shadow: 0 0 0 10px;
+    /* shadow radius = 20px */
+    top: 30px; left: 30px;
+    width: 40px; height: 40px;
+  }
+  .once > .ref {
+    border-radius: 20px;
+  }
+  .once.floor > .ref {
+    border-width: 8px;
+  }
+  .once.trap > .ref {
+    border-width: 12px;
+  }
+
+  .twice > .test {
+    border-radius: 10px;
+    box-shadow: 0 0 0 5px;
+    /* shadow radius = 15px */
+    top: 25px; left: 25px;
+    width: 50px; height: 50px;
+  }
+  .twice > .ref {
+    border-radius: 15px;
+  }
+  .twice.floor > .ref {
+    border-width: 3px;
+  }
+  .twice.trap > .ref {
+    border-width: 7px;
+  }
+
+  .half > .test {
+    border-radius: 8px;
+    box-shadow: 0 0 0 16px;
+    /* shadow radius = 21px */
+    top: 36px; left: 36px;
+    width: 28px; height: 28px;
+  }
+  .half > .ref {
+    border-radius: 21px;
+  }
+  .half.floor > .ref {
+    border-width: 14px;
+  }
+  .half.trap > .ref {
+    border-width: 18px;
+  }
+
+  .fourth > .test {
+    border-radius: 5px;
+    box-shadow: 0 0 0 20px;
+    /* shadow radius = 14.45px */
+    top: 40px; left: 40px;
+    width: 20px; height: 20px;
+  }
+  .fourth > .ref {
+    border-radius: 15px;
+  }
+  .fourth.floor > .ref {
+    border-width: 18px;
+  }
+  .fourth.trap > .ref {
+    border-width: 22px;
+  }
+
+  .eighth > .test {
+    border-radius: 2px;
+    box-shadow: 0 0 0 16px;
+    /* shadow radius = 5.28 */
+    top: 36px; left: 36px;
+    width: 28px; height: 28px;
+  }
+  .eighth > .ref {
+    border-radius: 5.28px;
+  }
+  .eighth.floor > .ref {
+    border-width: 14px;
+  }
+  .eighth.trap > .ref {
+    border-width: 18px;
+  }
+
+
+</style>
+
+<p>Test passes if there is no red.
+
+<div class="once floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="once trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="twice floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="twice trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="half floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="half trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="fourth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="fourth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="eighth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="eighth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,159 @@
</span><ins>+<!DOCTYPE html>
+<title>Box Shadow Border Radius (Inset)</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<!-- This test is complicated, so leaving the reference code identical to the test, minus colors. Please keep them in sync. -->
+
+<style>
+  body > div {
+    /* Isolate tests from each other */
+    position: relative;
+    width: 100px;
+    height: 100px;
+    float: left;
+  }
+  div > div {
+    position: absolute;
+    box-sizing: border-box;
+    /* opacity: 0.7; /* uncomment this line for debugging */
+  }
+
+  .floor > .test {
+    color: silver;
+  }
+  .trap > .test {
+    color: transparent;
+  }
+  .test {
+    width: 60px;
+    height: 60px;
+    top: 20px;
+    left: 20px;
+  }
+
+  .floor > .ref {
+    border: 8px transparent;
+    border-style: solid none none solid;
+    top: 21px;
+    left: 21px;
+    width: 59px;
+    height: 59px;
+  }
+  .trap > .ref {
+    border: 31px silver;
+    border-style: solid none none solid;
+    width: 81px;
+    height: 81px;
+  }
+
+  /* Keep tests consistent by offset - spread = 10
+     Trap radius = 32px + shadow radius (round up)
+     Floor radius = 8px + shadow radius (round down) */
+
+  .once > .test {
+    border-top-left-radius: 10px;
+    box-shadow: 20px 20px 0 -10px inset;
+    /* shadow radius = 20px */
+  }
+  .once.floor > .ref {
+    border-top-left-radius: 28px;
+  }
+  .once.trap > .ref {
+    border-top-left-radius: 52px;
+  }
+
+  .twice > .test {
+    border-top-left-radius: 10px;
+    box-shadow: 15px 15px 0 -5px inset;
+    /* shadow radius = 15 */
+  }
+  .twice.floor > .ref {
+    border-top-left-radius: 23px;
+  }
+  .twice.trap > .ref {
+    border-top-left-radius: 47px;
+  }
+
+  .half > .test {
+    border-top-left-radius: 8px;
+    box-shadow: 26px 26px 0 -16px inset;
+    /* shadow radius = 21px */
+  }
+  .half.floor > .ref {
+    border-top-left-radius: 29px;
+  }
+  .half.trap > .ref {
+    border-top-left-radius: 53px;
+  }
+
+  .fourth > .test {
+    border-top-left-radius: 5px;
+    box-shadow: 30px 30px 0 -20px inset;
+    /* shadow radius = 14.45 */
+  }
+  .fourth.floor > .ref {
+    border-top-left-radius: 22px;
+  }
+  .fourth.trap > .ref {
+    border-top-left-radius: 47px;
+  }
+
+  .eighth > .test {
+    border-top-left-radius: 2px;
+    box-shadow: 26px 26px 0 -16px inset;
+    /* shadow radius = 5.28 */
+  }
+  .eighth.floor > .ref {
+    border-top-left-radius: 12px;
+  }
+  .eighth.trap > .ref {
+    border-top-left-radius: 38px;
+  }
+
+</style>
+
+<p>Test passes if there is no red.
+
+<div class="once floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="once trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="twice floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="twice trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="half floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="half trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="fourth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="fourth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="eighth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="eighth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsboxshadowradius001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/box-shadow-radius-001.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,160 @@
</span><ins>+<!DOCTYPE html>
+<title>Box Shadow Border Radius (Inset)</title>
+<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">
+<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#shadow-shape">
+<link rel="match" href="box-shadow-radius-001-ref.html">
+
+<style>
+  body > div {
+    /* Isolate tests from each other */
+    position: relative;
+    width: 100px;
+    height: 100px;
+    float: left;
+  }
+  div > div {
+    position: absolute;
+    box-sizing: border-box;
+    /* opacity: 0.7; /* uncomment this line for debugging */
+  }
+
+  .floor > .test {
+    color: silver;
+  }
+  .trap > .test {
+    color: red;
+  }
+  .test {
+    width: 60px;
+    height: 60px;
+    top: 20px;
+    left: 20px;
+  }
+
+  .floor > .ref {
+    border: 8px red;
+    border-style: solid none none solid;
+    top: 21px;
+    left: 21px;
+    width: 59px;
+    height: 59px;
+  }
+  .trap > .ref {
+    border: 31px silver;
+    border-style: solid none none solid;
+    width: 81px;
+    height: 81px;
+  }
+
+  /* Keep tests consistent by offset - spread = 10
+     Trap radius = 32px + shadow radius (round up)
+     Floor radius = 8px + shadow radius (round down) */
+
+  .once > .test {
+    border-top-left-radius: 10px;
+    box-shadow: 20px 20px 0 -10px inset;
+    /* shadow radius = 20px */
+  }
+  .once.floor > .ref {
+    border-top-left-radius: 28px;
+  }
+  .once.trap > .ref {
+    border-top-left-radius: 52px;
+  }
+
+  .twice > .test {
+    border-top-left-radius: 10px;
+    box-shadow: 15px 15px 0 -5px inset;
+    /* shadow radius = 15 */
+  }
+  .twice.floor > .ref {
+    border-top-left-radius: 23px;
+  }
+  .twice.trap > .ref {
+    border-top-left-radius: 47px;
+  }
+
+  .half > .test {
+    border-top-left-radius: 8px;
+    box-shadow: 26px 26px 0 -16px inset;
+    /* shadow radius = 21px */
+  }
+  .half.floor > .ref {
+    border-top-left-radius: 29px;
+  }
+  .half.trap > .ref {
+    border-top-left-radius: 53px;
+  }
+
+  .fourth > .test {
+    border-top-left-radius: 5px;
+    box-shadow: 30px 30px 0 -20px inset;
+    /* shadow radius = 14.45 */
+  }
+  .fourth.floor > .ref {
+    border-top-left-radius: 22px;
+  }
+  .fourth.trap > .ref {
+    border-top-left-radius: 47px;
+  }
+
+  .eighth > .test {
+    border-top-left-radius: 2px;
+    box-shadow: 26px 26px 0 -16px inset;
+    /* shadow radius = 5.28 */
+  }
+  .eighth.floor > .ref {
+    border-top-left-radius: 12px;
+  }
+  .eighth.trap > .ref {
+    border-top-left-radius: 38px;
+  }
+
+</style>
+
+<p>Test passes if there is no red.
+
+<div class="once floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="once trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="twice floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="twice trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="half floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="half trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="fourth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="fourth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
+
+<div class="eighth floor">
+  <div class="ref"></div>
+  <div class="test"></div>
+</div>
+<div class="eighth trap">
+  <div class="test"></div>
+  <div class="ref"></div>
+</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatrepeatexpectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat-expected.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat-expected.html      2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,86 +1,53 @@
</span><span class="cx"> <!DOCTYPE html>
</span><del>-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>CSS Border Test:border image repeat property with value repeat</title>
-    <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com" />
-    <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-09-03 -->
-    <style type="text/css">
-            .box {
-                width: 152px;
-                height: 152px;
-                position: relative;
-            }
-            .red {
-                width: 26px;
-                height: 26px;
-                position: absolute;
-            }
-            #red1 {
-                top: 0;
-                left: 0;
-            }
-            #red2 {
-                top: 0;
-                right: 0;
-            }
-            #red3 {
-                bottom: 0;
-                right: 0;
-            }
-            #red4 {
-                bottom: 0;
-                left: 0;
-            }
-            .blue {
-                position: absolute;
-                background-image: url(support/blue-diamond.png);
-                background-repeat: repeat;
-                background-position: center;
-            }
-            #blue1 {
-                top: 0;
-                left: 26px;
-                width: 100px;
-                height: 26px;
-            }
-            #blue2 {
-                top: 26px;
-                right: 0;
-                width: 26px;
-                height: 100px;
-            }
-            #blue3 {
-                bottom: 0;
-                right: 26px;
-                width: 100px;
-                height: 26px;
-            }
-            #blue4 {
-                bottom: 26px;
-                left: 0;
-                width: 26px;
-                height: 100px;
-            }
-    </style>
-  </head>
-  <body>
-    <p>
-      The test passes if the blue diamond is repeating between the red diamonds.
-    </p>
-    <div class="box">
-      <img src="support/red-diamond.png" alt="left top red diamond" class="red" id="red1"/>
-      <img src="support/red-diamond.png" alt="right top red diamond" class="red" id="red2" />
-      <img src="support/red-diamond.png" alt="right bottom red diamond" class="red" id="red3" />
-      <img src="support/red-diamond.png" alt="left bottom red diamond" class="red" id="red4" />
-      <img src="support/blue-diamond.png" alt="top blue diamond" class="blue" id="blue1"/>
-      <img src="support/blue-diamond.png" alt="right blue diamond" class="blue" id="blue2" />
-      <img src="support/blue-diamond.png" alt="bottom blue diamond" class="blue" id="blue3" />
-      <img src="support/blue-diamond.png" alt="left blue diamond" class="blue" id="blue4" />
-      <div class="blue" id="blue1"></div>
-      <div class="blue" id="blue2"></div>
-      <div class="blue" id="blue3"></div>
-      <div class="blue" id="blue4"></div>
-    </div>
-  </body>
-</html>
</del><ins>+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  table
+    {
+    border-spacing: 0px;
+    table-layout: fixed;
+    }
+
+  td
+    {
+      height: 18px;
+      padding: 0px;
+    }
+
+  td.corner
+    {
+      background-image: url("support/new-red-diamond-27x27.png");
+      background-size: cover;
+    }
+
+  td#first-row-second-cell , td#third-row-second-cell , td.second-row
+    {
+      background-image: url("support/blue-diamond-27x27.png");
+      background-size: contain;
+      background-position: center;
+    }
+
+  td.second-row
+    {
+      height: 108px; /* 6 times 18 == 108 */
+    }
+  </style>
+
+  <p>Test passes if a blue diamond is repeated 8 times horizontally between red diamonds and repeated  6 times vertically between red diamonds. Each of the 4 edges between red diamonds must start and end with a half slice of a blue diamond.
+
+  <table>
+
+    <col width="18"><col width="144"><col width="18">
+
+    <tr><td class="corner"><td id="first-row-second-cell"><td class="corner">
+
+    <tr><td class="second-row"><td><td class="second-row">
+
+    <tr><td class="corner"><td id="third-row-second-cell"><td class="corner">
+
+  </table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatrepeathtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html       2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-repeat.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,27 +1,26 @@
</span><span class="cx"> <!DOCTYPE html>
</span><del>-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>CSS Border Test:border image repeat property with value repeat</title>
-    <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com" />
-    <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com" /> <!-- 2013-08-26 -->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#border-image-repeat" />
-    <link rel="match" href="reference/css3-border-image-repeat-repeat-ref.html" />
-    <style type="text/css">
</del><ins>+
+    <meta charset="UTF-8">
+    <title>CSS Border Test: border image repeat property with value repeat</title>
+    <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com">
+    <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-08-26 -->
+    <!--
+    corrected and improved to be more precise, rigorous and much more challenging
+    by Gérard Talbot 2020-08-24
+    -->
+    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="reference/css3-border-image-repeat-repeat-ref.html">
+    <style>
</ins><span class="cx">             div {
</span><del>-                width: 100px;
-                height: 100px;
-                border: solid 26px blue;
-                border-image-source: url(support/border.png);
-                border-image-slice: 26;
</del><ins>+                border: red solid 18px;
</ins><span class="cx">                 border-image-repeat: repeat;
</span><ins>+                border-image-slice: 27;
+                border-image-source: url("support/blue-and-red-diamonds-81x81.png");
+                height: 108px;  /* 6 times 18 == 108 */
+                width: 144px;  /* 8 times 18 == 144 */
</ins><span class="cx">             }
</span><span class="cx">     </style>
</span><del>-  </head>
-  <body>
-    <p>
-      The test passes if the blue diamond is repeating between the red diamonds.
-    </p>
</del><ins>+
+    <p>Test passes if a blue diamond is repeated 8 times horizontally between red diamonds and repeated 6 times vertically between red diamonds. Each of the 4 edges between red diamonds must start and end with a half slice of a blue diamond.
+
</ins><span class="cx">     <div></div>
</span><del>-  </body>
-</html>
</del></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatstretchexpectedhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch-expected.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch-expected.html     2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch-expected.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,79 +1,46 @@
</span><span class="cx"> <!DOCTYPE html>
</span><del>-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>CSS Border Test:border image repeat property with value stretch</title>
-    <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com" />
-    <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-09-03 -->
-    <style type="text/css">
-            div {
-                width: 152px;
-                height: 152px;
-                position: relative;
-            }
-            .red {
-                width: 26px;
-                height: 26px;
-                position: absolute;
-            }
-            #red1 {
-                top: 0;
-                left: 0;
-            }
-            #red2 {
-                top: 0;
-                right: 0;
-            }
-            #red3 {
-                bottom: 0;
-                right: 0;
-            }
-            #red4 {
-                bottom: 0;
-                left: 0;
-            }
-            .blue {
-                position: absolute;
-            }
-            #blue1 {
-                top: 0;
-                left: 26px;
-                width: 100px;
-                height: 26px;
-            }
-            #blue2 {
-                top: 26px;
-                right: 0;
-                width: 26px;
-                height: 100px;
-            }
-            #blue3 {
-                bottom: 0;
-                right: 26px;
-                width: 100px;
-                height: 26px;
-            }
-            #blue4 {
-                bottom: 26px;
-                left: 0;
-                width: 26px;
-                height: 100px;
-            }
-    </style>
-  </head>
-  <body>
-    <p>
-      The test passes if the blue diamond is stretching between the red diamonds.
-    </p>
-    <div>
-      <img src="support/red-diamond.png" alt="left top red diamond" class="red" id="red1"/>
-      <img src="support/red-diamond.png" alt="right top red diamond" class="red" id="red2" />
-      <img src="support/red-diamond.png" alt="right bottom red diamond" class="red" id="red3" />
-      <img src="support/red-diamond.png" alt="left bottom red diamond" class="red" id="red4" />
-      <img src="support/blue-diamond.png" alt="top blue diamond" class="blue" id="blue1"/>
-      <img src="support/blue-diamond.png" alt="right blue diamond" class="blue" id="blue2" />
-      <img src="support/blue-diamond.png" alt="bottom blue diamond" class="blue" id="blue3" />
-      <img src="support/blue-diamond.png" alt="left blue diamond" class="blue" id="blue4" />
-    </div>
-  </body>
-</html>
</del><ins>+
+  <meta charset="UTF-8">
+
+  <title>CSS Reference Test</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+  <style>
+  table
+    {
+    border-spacing: 0px;
+    table-layout: fixed;
+    width: 154px;
+    }
+
+  td
+    {
+      height: 27px;
+      padding: 0px;
+    }
+
+  td.corner
+    {
+      background-image: url("support/blue-and-red-diamonds-81x81.png");
+    }
+
+  img
+    {
+      vertical-align: top;
+    }
+  </style>
+
+  <p>Test passes if a blue diamond is stretched between red diamonds.
+
+  <table>
+
+    <col width="27"><col width="100"><col width="27">
+
+    <tr><td class="corner"><td><img src="support/blue-diamond-27x27.png" width="100" height="27" alt="Image download support must be enabled"><td class="corner">
+
+    <tr><td><img src="support/blue-diamond-27x27.png" width="27" height="100" alt="Image download support must be enabled"><td><td><img src="support/blue-diamond-27x27.png" width="27" height="100" alt="Image download support must be enabled">
+
+    <tr><td class="corner"><td><img src="support/blue-diamond-27x27.png" width="100" height="27" alt="Image download support must be enabled"><td class="corner">
+
+  </table>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundscss3borderimagerepeatstretchhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html      2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/css3-border-image-repeat-stretch.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -1,27 +1,26 @@
</span><span class="cx"> <!DOCTYPE html>
</span><del>-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>CSS Border Test:border image repeat property with value stretch</title>
-    <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com" />
-    <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com" /> <!-- 2013-08-26 -->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#border-image-repeat" />
-    <link rel="match" href="reference/css3-border-image-repeat-stretch-ref.html" />
-    <style type="text/css">
</del><ins>+
+    <meta charset="UTF-8">
+    <title>CSS Border Test: border image repeat property with value stretch</title>
+    <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com">
+    <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-08-26 -->
+    <!--
+    corrected and improved to be more precise
+    by Gérard Talbot 2020-05-27
+    -->
+    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-repeat">
+    <link rel="match" href="reference/css3-border-image-repeat-stretch-ref.html">
+    <style>
</ins><span class="cx">             div {
</span><ins>+                border: red solid 27px;
+                border-image-repeat: stretch;
+                border-image-source: url("support/blue-and-red-diamonds-81x81.png");
+                border-image-slice: 27;
+                height: 100px;
</ins><span class="cx">                 width: 100px;
</span><del>-                height: 100px;
-                border: solid 26px blue;
-                border-image-source: url(support/border.png);
-                border-image-slice: 26;
-                border-image-repeat: stretch;
</del><span class="cx">             }
</span><span class="cx">     </style>
</span><del>-  </head>
-  <body>
-    <p>
-      The test passes if the blue diamond is stretching between the red diamonds.
-    </p>
</del><ins>+
+    <p>Test passes if a blue diamond is stretched between red diamonds.
+
</ins><span class="cx">     <div></div>
</span><del>-  </body>
-</html>
</del></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundshidpisimplebgcolorexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,15 @@
</span><ins>+<!DOCTYPE html>
+<body>
+  <canvas id="canvas" width="400" height="800"></canvas>
+</body>
+<script>
+  var canvas = document.getElementById('canvas');
+  canvas.style.width = (canvas.width / 2) + 'px';
+  canvas.style.height = (canvas.height / 2) + 'px';
+  var ctx = canvas.getContext('2d');
+  ctx.scale(2, 2);
+  ctx.fillStyle = 'green';
+  ctx.fillRect(0, 0, 100, 150);
+  ctx.fillStyle = 'red';
+  ctx.fillRect(0, 150, 200, 250);
+</script>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundshidpisimplebgcolorhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html                         (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html    2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
+<link rel="match" href="simple-bg-color-ref.html">
+<style>
+.box1 {
+  width: 100px;
+  height: 150px;
+  background-color: green;
+}
+.box2 {
+  width: 200px;
+  height: 250px;
+  background-color: red;
+}
+</style>
+<body>
+  <div class='box1'></div>
+  <div class='box2'></div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundshidpiw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/w3c-import.log (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/w3c-import.log                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/w3c-import.log  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the WPT github:
+       https://github.com/web-platform-tests/wpt
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/hidpi/simple-bg-color.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsinlinebackgroundrtl001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001-expected.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001-expected.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+<!DOCTYPE html>
+<style>
+.atomic { display: inline-block; }
+</style>
+<body>
+<div dir="rtl">
+<span>
+<span>Hello<br>World<br></span>
+<span class="atomic"></span>
+</span>
+</div>
+
+<div dir="rtl">
+<span dir="ltr">
+<span>Hello<br>World<br></span>
+<span class="atomic"></span>
+</span>
+</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsinlinebackgroundrtl001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001.html                             (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/inline-background-rtl-001.html        2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+<!DOCTYPE html>
+<title>CSS Backgrounds Test: background to inline boxes in RTL</title>
+<link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-color">
+<link rel="help" href="https://crbug.com/1123375">
+<link rel="match" href="reference/inline-background-rtl-001-ref.html">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+.s { background-color: white; }
+.atomic { display: inline-block; }
+</style>
+<body>
+<div dir="rtl">
+<span>
+<span class="s">Hello<br>World<br></span>
+<span class="atomic"></span>
+</span>
+</div>
+
+<div dir="rtl">
+<span dir="ltr">
+<span class="s">Hello<br>World<br></span>
+<span class="atomic"></span>
+</span>
+</div>
+</body>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundslineargradientcalccrashhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html                            (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-calc-crash.html       2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+<!doctype html>
+<title>CSS Backgrounds and Borders Test: Chrome linear-gradient crash test with large percentage calc()</title>
+<link rel="help" href="https://crbug.com/1174046">
+<div style="background-image: linear-gradient(to left, black, red calc(1e39% + 0px), green);">Should not crash</div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundslineargradientcurrentcolorfirstlineexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line-expected.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line-expected.html                              (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line-expected.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,4 @@
</span><ins>+<!doctype html>
+<title>CSS Test Reference</title>
+<p>You should see no red below.</p>
+<span style="color:green;background:green">Green</span>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundslineargradientcurrentcolorfirstlinehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line.html (0 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line.html                               (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/linear-gradient-currentcolor-first-line.html  2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -0,0 +1,12 @@
</span><ins>+<!doctype html>
+<title>CSS Backgrounds and Borders Test: linear-gradient() with currentcolor on ::first-line</title>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#first-line-background">
+<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-inheritance">
+<link rel="match" href="linear-gradient-currentcolor-first-line-ref.html">
+<style>
+  div { color: red; }
+  div::first-line { color: green; }
+  span { background-image: linear-gradient(currentcolor, currentcolor); }
+</style>
+<p>You should see no red below.</p>
+<div><span>Green</span></div>
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimageinvalidexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid-expected.txt (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid-expected.txt      2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid-expected.txt 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -6,4 +6,5 @@
</span><span class="cx"> PASS e.style['background-image'] = "repeating-radial-gradient(-20% 30% at center, red, blue)" should not set the property value
</span><span class="cx"> PASS e.style['background-image'] = "radial-gradient(20px -30px at center, red, blue)" should not set the property value
</span><span class="cx"> PASS e.style['background-image'] = "repeating-radial-gradient(20px -30px ellipse at center, red, blue)" should not set the property value
</span><ins>+PASS e.style['background-image'] = "cross-fade(auto blue, 50% red)" should not set the property value
</ins><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimageinvalidhtml"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid.html (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid.html      2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-invalid.html 2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -23,6 +23,8 @@
</span><span class="cx"> test_invalid_value("background-image", "repeating-radial-gradient(-20% 30% at center, red, blue)");
</span><span class="cx"> test_invalid_value("background-image", "radial-gradient(20px -30px at center, red, blue)");
</span><span class="cx"> test_invalid_value("background-image", "repeating-radial-gradient(20px -30px ellipse at center, red, blue)");
</span><ins>+
+test_invalid_value("background-image", "cross-fade(auto blue, 50% red)");
</ins><span class="cx"> </script>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimagevalidexpectedtxt"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-valid-expected.txt (277072 => 277073)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-valid-expected.txt        2021-05-06 07:45:51 UTC (rev 277072)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-backgrounds/parsing/background-image-valid-expected.txt   2021-05-06 08:38:08 UTC (rev 277073)
</span><span class="lines">@@ -2,4 +2,7 @@
</span><span class="cx"> PASS e.style['background-image'] = "none" should set the property value
</span><span class="cx"> PASS e.style['background-image'] = "url(\"http://www.example.com/\")" should set the property value
</span><span class="cx"> PASS e.style['background-image'] = "none, url(\"http://www.example.com/\")" should set the property value
</span><ins>+FAIL e.style['background-image'] = "cross-fade(50% url(http://www.example.com), 50% url(http://www.example.com))" should set the property value assert_not_equals: property should be set got disallowed value ""
+FAIL e.style['background-image'] = "cross-fade(33% red, 33% white, blue)" should set the property value assert_not_equals: property should be set got disallowed value ""
+FAIL e.style['background-image'] = "cross-fade(blue, linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(0, 212, 255) 100%))" should set the property value assert_not_equals: property should be set got disallowed value ""
</ins><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cwebplatformtestscsscssbackgroundsparsingbackgroundimagevalidhtml"></a>
<div class="modfile"&