block-ruby-004-ref.html (1369B)
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"> 7 <meta charset="utf-8"> 8 <title>CSS Reference File</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 10 <style> 11 html,body { 12 font:10px/1 monospace; 13 } 14 15 ruby { display: ruby; background: lightblue; } 16 rbb { display: block ruby; background: lightblue; } 17 grid { display: grid; } 18 .mbp { 19 margin: 1px 3px 5px 7px; 20 padding: 3px 5px 7px 1px; 21 border-width: 3px 1px 7px 5px; 22 border-style: solid; 23 } 24 rbc { 25 display: ruby-base-container; 26 unicode-bidi: isolate; 27 font-size: 200%; 28 } 29 rtc { 30 display: ruby-text-container; 31 unicode-bidi: isolate; 32 ruby-position: under; 33 } 34 </style> 35 36 <rt>る</rt> 37 <ruby class=mbp>X<rt>る</rt></ruby> 38 <grid>A<ruby class=mbp><rt>る</rt></ruby>B</grid> 39 <grid>A<ruby class=mbp>X<rt>る</rt></ruby>B</grid> 40 <grid>A<ruby>X<rt>る</rt></ruby><ruby><rbc></rbc><rt>る</rt></ruby>B</grid> 41 <grid>A<ruby><rt>る</rt></ruby><ruby><rbc>X</rbc><rt>る</rt></ruby>B</grid> 42 <ruby><rt><rbb>X<rt>る</rt></rbb></rt><rt>る</rt></ruby> 43 <ruby><rbc><rbb>X<rt>る</rt></rbb></rbc><rt>る</rt></ruby> 44 <ruby><rtc><rbb>X<rt>る</rt></rbb></rtc><rt>る</rt></ruby> 45 <rbb class=mbp><rt>る</rt></rbb> 46 <rbb class=mbp>X<rt>る</rt></rbb> 47 <rbb class=mbp><rb>X</rb><rt>る</rt></rbb> 48 49 </html>