<!DOCTYPE html> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <html lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8"/> <title>CSS Ruby Test: :root element with 'display:block ruby'.</title> <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"/> <link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"/> <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup"/> <link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify"/> <link rel="match" href="root-ruby-ref.xhtml"/> <style> :root { display: block ruby; } rbc { display: ruby-base-container; } rtc { display: ruby-text-container; } </style> べ <rtc> <rt>る</rt> </rtc> <rbc> <rb>A</rb> <rb>B</rb> </rbc> <pre></pre> <script> let ruby = Array.prototype.slice.call(document.querySelectorAll(':root')); let result = ruby.map(e => window.getComputedStyle(e).display + ', ').reduce((s, t) => s + t, ""); document.querySelector('pre').appendChild(document.createTextNode(result)); </script> </html>