testing/web-platform/tests/css/css-text-decor/text-emphasis-style-007.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS Text Decoration Test - text-emphasis</title>
    <link rel="author" title="TestTWF Tokyo Meetup (Unofficial)" href="mailto:tomoyuki.labs@gmail.com">
    <link rel="help" href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style-property" title="3.1. Emphasis Mark Style: the ‘text-emphasis-style’ property">
    <link rel="match" href="reference/text-emphasis-style-007.html">
    <meta name="assert" content="Test checks 'text-emphasis-style: filled circle'">
    <style>
        div {
            font: 1.5em monospace;
        }
        span {
            text-emphasis-style: filled circle;
        }
    </style>
  </head>
  <body>
    <p>Test passes if a filled circle is above every single character of "Text Sample".</p>
    <div><span>Text</span> <span>sample</span></div>
  </body>
</html>