diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/tentative/paint/background-image-row.html')
-rw-r--r-- | testing/web-platform/tests/css/css-tables/tentative/paint/background-image-row.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/tentative/paint/background-image-row.html b/testing/web-platform/tests/css/css-tables/tentative/paint/background-image-row.html new file mode 100644 index 0000000000..69105e6937 --- /dev/null +++ b/testing/web-platform/tests/css/css-tables/tentative/paint/background-image-row.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<title>Table row background image geometry</title> +<link rel="author" title="Aleks Totic" href="atotic@chromium.org" /> +<link rel="help" href="https://www.w3.org/TR/css-tables-3/#drawing-backgrounds-and-borders" /> +<link rel="match" href="background-image-row-ref.html" /> +<meta name="assert" content="Row backgrounds get painted into cells with correct geometry."> +<style> + body { + --peek: LightGreen; + } + .bg { + background-color: var(--peek); + background-image: linear-gradient(45deg, orange 0px, orange 5px, gainsboro 3px, gainsboro 25%, rgba(160,160,160,0.5) 25%, rgba(160,160,160,0.5) 50%, silver 50%, silver 75%, darkgray 75%, darkgray 99%, blue 99%); + background-size: 230px 50px; + background-repeat: no-repeat; + /* FF sometimes defaults to no-repeat for background images */ + } + main > * { + box-sizing: border-box; + } + main table { + border-spacing: 10px; + border: 10px solid yellow; + padding: 10px; + } + main td { + width: 50px; + height: 50px; + padding: 0px; + } +</style> +<body> +<main> + <table> + <tr class="bg"> + <td colspan=4></td> + </tr> + <tr class="bg"> + <td></td> + <td rowspan=2 colspan=2></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + </tr> + <tr class="bg"> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> +</main> +</body> |