root-block-ruby.xhtml (1123B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html lang="ja" xmlns="http://www.w3.org/1999/xhtml"> 7 <meta charset="utf-8"/> 8 <title>CSS Ruby Test: :root element with 'display:block ruby'.</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"/> 10 <link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"/> 11 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup"/> 12 <link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify"/> 13 <link rel="match" href="root-ruby-ref.xhtml"/> 14 <style> 15 :root { display: block ruby; } 16 rbc { 17 display: ruby-base-container; 18 } 19 rtc { 20 display: ruby-text-container; 21 } 22 </style> 23 べ 24 <rtc> 25 <rt>る</rt> 26 </rtc> 27 <rbc> 28 <rb>A</rb> 29 <rb>B</rb> 30 </rbc> 31 32 <pre></pre> 33 <script> 34 let ruby = Array.prototype.slice.call(document.querySelectorAll(':root')); 35 let result = ruby.map(e => window.getComputedStyle(e).display + ', ').reduce((s, t) => s + t, ""); 36 document.querySelector('pre').appendChild(document.createTextNode(result)); 37 </script> 38 </html>