block-ruby-003-ref.html (1210B)
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 } 28 rtc { 29 display: ruby-text-container; 30 unicode-bidi: isolate; 31 } 32 </style> 33 34 <ruby class=mbp>X<rt>る</rt></ruby> 35 <grid>A<ruby class=mbp>X<rt>る</rt></ruby>B</grid> 36 <grid>A<ruby class=mbp>X<rt>る</rt></ruby>B</grid> 37 <grid>A<ruby>X<rt>る</rt></ruby><ruby>X<rbc></rbc></ruby>B</grid> 38 <grid>A<ruby>X</ruby><ruby>X<rbc><rt>る</rt></rbc></ruby>B</grid> 39 <ruby>X<rt><rbb>Xる</rbb></rt></ruby> 40 <ruby>X<rbc><rbb>Xる</rbb></rbc></ruby> 41 <ruby>X<rtc><rbb>Xる</rbb></rtc></ruby> 42 <rbb class=mbp>X</rbb> 43 <rbb class=mbp>X<rt>る</rt></rbb> 44 <rbb class=mbp>X<rb>X</rb></rbb> 45 46 </html>