diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-pseudo/first-letter-digraph.html')
-rw-r--r-- | testing/web-platform/tests/css/css-pseudo/first-letter-digraph.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-pseudo/first-letter-digraph.html b/testing/web-platform/tests/css/css-pseudo/first-letter-digraph.html new file mode 100644 index 0000000000..b539457cf0 --- /dev/null +++ b/testing/web-platform/tests/css/css-pseudo/first-letter-digraph.html @@ -0,0 +1,44 @@ +<!doctype html> +<html> +<head> + <meta charset="utf-8"> + <title>CSS Test: ::first-letter digraph recognition</title> + <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> + <link rel="match" href="reference/first-letter-digraph-ref.html"> + <link rel="help" href="https://drafts.csswg.org/selectors-3/#first-letter"> + <meta name="assert" content="Test checks that ::first-letter respects the Dutch 'ij' digraph."> + <style> + div { + font-size: 32px; + } + div p { + margin: 0; + color: lightgray; + } + div p::first-letter { + color: green; + } + </style> +</head> +<body> + <p>Test passes if both "I" and "J" are green in these examples:</p> + <div lang="nl"> + <p>IJsselmeer</p> + <p>ijsselmeer</p> + <p>“IJsselmeer”</p> + </div> + <div lang="en"> + <p lang="nl-NL">IJsselmeer</p> <!-- lang tag with country code should also work --> + <p lang="nl-SR">IJsselmeer</p> + </div> + <p>But only "I" should be green in these examples:</p> + <div lang="en"> + <p>IJsselmeer</p> + <p>ijsselmeer</p> + <p>“IJsselmeer”</p> + </div> + <div lang="nl"> + <p>Ijotalen</p> <!-- mixed case not treated as digraph --> + </div> +</body> +</html> |