wpt / css / css-ruby / ruby-overhang-none.html

Status: FAIL | Duration: 10ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-ruby/ruby-overhang-none.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-overhang: none for lagacy support</title>
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-overhang">
<link rel="match" href="ruby-overhang-none-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
  div {
    font: 16px/5 Ahem;
  }
  ruby, rt {
    color: transparent;
  }
</style>
<div>X<ruby>X<rt>XXXX</rt></ruby>X</div>
<div>X<ruby style="ruby-overhang: none">X<rt>XXXX</rt></ruby>X</div>
<div style="ruby-overhang: none">X<ruby>X<rt>XXXX</rt></ruby>X</div>

/css/css-ruby/ruby-overhang-none-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-overhang: none for lagacy support</title>
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
  div {
    font: 16px/5 Ahem;
  }
  span {
    color: transparent;
    font-size: 8px; /* annotation -> 50% */
  }
</style>
<div>X<span>XXX</span>X</div>
<div>X<span>XXXX</span>X</div>
<div>X<span>XXXX</span>X</div>