summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-lists/list-style-type-decimal-line-height.html
diff options
context:
space:
mode:
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.html49
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>