diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-writing-modes/inline-box-orthogonal-child-with-margins.html | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/inline-box-orthogonal-child-with-margins.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/inline-box-orthogonal-child-with-margins.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/inline-box-orthogonal-child-with-margins.html b/testing/web-platform/tests/css/css-writing-modes/inline-box-orthogonal-child-with-margins.html new file mode 100644 index 0000000000..dd0a596f3b --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/inline-box-orthogonal-child-with-margins.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com"/> +<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow" + title="3.1 Block Flow Direction: the writing-mode property"> +<link rel="match" href="inline-box-orthogonal-child-with-margins-ref.html"> +<meta content="This test checks that the correct margins of orthogonal children are used to compute the container's shrink to fit size. The test PASS if both children are rendered inside the container's blue border." name="assert" /> + <style> +.container { + border: 1px dashed blue; + height: 200px; + display: inline-block; +} +.container > div { + float: left; + width: 40px; + margin: 10px 20px 30px 40px; + border-width: 20px 30px 40px 50px; + padding: 30px 40px 50px 60px; + border-style: dotted; +} +.container > div:nth-child(1) { background: yellow; } +.container > div:nth-child(2) { background: purple; } + +</style> + +<div class="container"> + <div></div> + <div style="writing-mode: vertical-lr;"></div> +</div> |