diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-lists/list-style-type-decimal-line-height.html')
-rw-r--r-- | testing/web-platform/tests/css/css-lists/list-style-type-decimal-line-height.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-lists/list-style-type-decimal-line-height.html b/testing/web-platform/tests/css/css-lists/list-style-type-decimal-line-height.html new file mode 100644 index 0000000000..7aefead82f --- /dev/null +++ b/testing/web-platform/tests/css/css-lists/list-style-type-decimal-line-height.html @@ -0,0 +1,49 @@ +<!doctype html> +<meta charset="utf-8"> +<title>CSS Lists Test - check that the line height is the same between different forms of ::markers</title> +<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> +<link rel="help" href="https://drafts.csswg.org/css-lists-3/#text-markers"> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=942017"> +<link rel="match" href="list-style-type-decimal-line-height-ref.html"> +<style> + div { + display: grid; + grid-template-columns: 100px 100px auto; + align-items: start; + background: red; + } + li { + line-height: 100%; + counter-set: list-item 1; + } + ol { + margin: 0; + padding: 0; + padding-left: 40px; + background: green; + } + ol:nth-child(2) > li { + list-style-type: "1. "; + } + ol:nth-child(3) > ::marker { + content: counter(list-item) ". "; + } +</style> + +<div> + <ol> + <li>foo</li> + <li>bar</li> + <li>baz</li> + </ol> + <ol> + <li>foo</li> + <li>bar</li> + <li>baz</li> + </ol> + <ol> + <li>foo</li> + <li>bar</li> + <li>baz</li> + </ol> +</div> |