| <!DOCTYPE html> |
| <html lang="ja"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>CSS Test: Autohide ruby annotations which are identical to their bases</title> |
| <link rel="author" title="Xidorn Quan" href="mailto:quanxunzhen@gmail.com"> |
| <link rel="help" href="http://www.w3.org/TR/css-ruby-1/#autohide"> |
| <link rel="match" href="ruby-autohide-002-ref.html"> |
| <script> |
| window.onload = function() { |
| // Force a reflow before changes. |
| document.body.clientWidth; |
| var elems = document.querySelectorAll('[data-content]'); |
| for (var i = 0; i < elems.length; i++) { |
| elems[i].textContent = elems[i].dataset.content; |
| } |
| }; |
| </script> |
| </head> |
| <body> |
| <p><ruby> |
| <rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb> |
| <rt>ふ</rt><rt data-content="ri">り</rt><rt>が</rt><rt>な</rt> |
| </ruby></p> |
| <p><ruby> |
| <rb>振</rb><rb data-content="ri">り</rb><rb>仮</rb><rb>名</rb> |
| <rt>ふ</rt><rt>り</rt><rt>が</rt><rt>な</rt> |
| </ruby></p> |
| <p><ruby> |
| <rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb> |
| <rt>ふ</rt><rt data-content="り">ri</rt><rt>が</rt><rt>な</rt> |
| </ruby></p> |
| <p><ruby> |
| <rb>振</rb><rb data-content="り">ri</rb><rb>仮</rb><rb>名</rb> |
| <rt>ふ</rt><rt>り</rt><rt>が</rt><rt>な</rt> |
| </ruby></p> |
| </body> |
| </html> |