diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-multicol/multicol-height-002-print.xht | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-multicol/multicol-height-002-print.xht')
| -rw-r--r-- | testing/web-platform/tests/css/css-multicol/multicol-height-002-print.xht | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-multicol/multicol-height-002-print.xht b/testing/web-platform/tests/css/css-multicol/multicol-height-002-print.xht new file mode 100644 index 0000000000..03e0b22eae --- /dev/null +++ b/testing/web-platform/tests/css/css-multicol/multicol-height-002-print.xht @@ -0,0 +1,43 @@ +<!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> + <title>CSS Test: Percentage Computed Height on Multicol Child (Definite Multicol Height)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-multi-column-model" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property"/> + <meta name="assert" content="Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated." /> + <link rel="match" href="multicol-height-002-print-ref.xht" /> + <style type="text/css"><![CDATA[ + html, body { height: 100%; } + * { margin: 0; } + div { + border: double blue 12px; + column-count:2; + column-gap:0; + column-fill: balance; + height: 150%; + } + div > p { + border-right: solid orange 12px; + width: 0; + margin: 0 auto; + height: 200%; + } + blockquote { + border: solid thick yellow; + } + ]]></style> + </head> + <body> + <p>Test passes if even when printed:</p> + <ul> + <li>Two vertical orange stripes stretch exactly + from the inner top edge to the inner bottom edge of the blue box below.</li> + <li>There is a yellow stripe immediately below the blue box.</li> + </ul> + <div> + <p></p> + </div> + <blockquote></blockquote> + </body> +</html> |