Blitz - WPT: text-emphasis-style-007.html

wpt / css / css-text-decor / text-emphasis-style-007.html

/css/css-text-decor/text-emphasis-style-007.html

<!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/2 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>

/css/css-text-decor/reference/text-emphasis-style-007.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS Reference File</title>
    <link rel="author" title="Tomoyuki Shimizu" href="mailto:tomoyuki.labs@gmail.com">
    <!-- link rel="reviewer" title="" href="" -->
    <style>
        div {
            font: 1.5em/2 monospace;
        }
    </style>
  </head>
  <body>
    <p>Test passes if a filled circle is above every single character of "Text Sample".</p>
    <div><ruby>T<rt>&#x25CF;</rt>e<rt>&#x25CF;</rt>x<rt>&#x25CF;</rt>t<rt>&#x25CF;</rt></ruby> <ruby>s<rt>&#x25CF;</rt>a<rt>&#x25CF;</rt>m<rt>&#x25CF;</rt>p<rt>&#x25CF;</rt>l<rt>&#x25CF;</rt>e<rt>&#x25CF;</rt></ruby></div>
  </body>
</html>