diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/lists/list-style-020.xht | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/lists/list-style-020.xht')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/lists/list-style-020.xht | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht b/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht new file mode 100644 index 0000000000..d49932e1f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/lists/list-style-020.xht @@ -0,0 +1,61 @@ +<!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: 'list-style' shorthand and 'none' values</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization"/> + <link rel="match" href="list-style-020-ref.xht"/> + <meta name="assert" content=""/> + <style type="text/css"> + /* For better readability */ + .li { + font-size: 1.5em; + color: blue; + } + span { + color: black; + font-size: 0.67em; + vertical-align: middle; + padding-left: 0.2em; + } + + .li { + display: list-item; + list-style: disc; + margin: 0.2em 0 0.2em 4em; + border-left: solid thin orange; + } + + .one { list-style: none; color: red; } + .two { list-style: none none; color: red; } + .three { list-style: none square; } + .four { list-style: square none; } + .five { list-style: url(support/diamond.png) none; } + .six { list-style: none url(support/diamond.png); } + .seven { list-style: none url(support/swatch-red.png) none; + list-style: url(support/swatch-red.png) none none; + list-style: none none url(support/swatch-red.png); + list-style: none square none; + list-style: square none none; + list-style: none none square; + list-style: square url(support/swatch-red.png) none; + list-style: url(support/swatch-red.png) none square; + list-style: none square url(support/swatch-red.png); + } + + </style> + </head> + <body> + <p>Test passes if each word on the right of the orange line + describes the shape on the left.</p> + + <div class="li one"><span>(nothing)</span></div> + <div class="li two"><span>(nothing)</span></div> + <div class="li three"><span>blue square</span></div> + <div class="li four"><span>blue square</span></div> + <div class="li five"><span>purple diamond</span></div> + <div class="li six"><span>purple diamond</span></div> + <div class="li seven"><span>blue circle</span></div> + + </body> +</html> |