Blitz - WPT: ruby-text-decoration-01.html

wpt / css / css-text-decor / ruby-text-decoration-01.html

/css/css-text-decor/ruby-text-decoration-01.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>CSS Test: text-decoration on rubies</title>
  <link rel="author" title="Xidorn Quan" href="http://www.upsuper.org/">
  <link rel="help" href="http://www.w3.org/TR/css-text-decor-3/#line-decoration">
  <link rel="match" href="reference/ruby-text-decoration-01-ref.html">
</head>
<style type="text/css">
  ruby { display: ruby; }
  rb { display: ruby-base; white-space: nowrap; }
  rt { display: ruby-text; white-space: nowrap; }
  p { line-height: 3em; }
  p {
    text-decoration: underline;
  }
</style>
<body>
  <p>
    <ruby><rb>慶</rb><rt>けい</rt
         ><rb>應</rb><rt>おう</rt
         ><rb>義</rb><rt>ぎ</rt
         ><rb>塾</rb><rt>じゅく</rt
         ><rb>大</rb><rt>だい</rt
         ><rb>学</rb><rt>がく</rt></ruby>
  </p>
</body>
</html>

/css/css-text-decor/reference/ruby-text-decoration-01-ref.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>CSS Test: text-decoration on rubies</title>
  <link rel="author" title="Xidorn Quan" href="http://www.upsuper.org/">
</head>
<style type="text/css">
  ruby { display: ruby; }
  rb { display: ruby-base; white-space: nowrap; }
  rt { display: ruby-text; white-space: nowrap; }
  p { line-height: 3em; }
  span {
    text-decoration: underline;
  }
</style>
<body>
  <p>
    <ruby><rb><span>慶</span></rb><rt>けい</rt
         ><rb><span>應</span></rb><rt>おう</rt
         ><rb><span>義</span></rb><rt>ぎ</rt
         ><rb><span>塾</span></rb><rt>じゅく</rt
         ><rb><span>大</span></rb><rt>だい</rt
         ><rb><span>学</span></rb><rt>がく</rt></ruby>
  </p>
</body>
</html>