block-ruby-005-ref.html (1721B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 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 body { 12 font:10px/1 monospace; 13 } 14 15 rbb, ruby { background:lightblue; } 16 ruby { display: ruby; } 17 rbb { display: block ruby; } 18 grid { display: grid; } 19 .mbp { 20 margin: 1px 3px 5px 7px; 21 padding: 3px 5px 7px 1px; 22 border-width: 3px 1px 7px 5px; 23 border-style: solid; 24 } 25 rbc { 26 display: ruby-base-container; 27 unicode-bidi: isolate; 28 font-size: 200%; 29 } 30 rtc { 31 display: ruby-text-container; 32 unicode-bidi: isolate; 33 ruby-position: under; 34 } 35 x { display:block; width:3em; overflow:hidden; background:lightblue; } 36 </style> 37 38 <div>zzzzzzzzzzzz</div> 39 <ruby class=mbp>X<div>zzzzzzzzzzzz</div></ruby> 40 <grid>A<x class=mbp><rbb><div>zzzzzzzzzzzz</div></rbb></x>B</grid> 41 <grid>A<x class=mbp><rbb>X<div>zzzzzzzzzzzz</div></rbb></x>B</grid> 42 <grid>A<x><rbb>X<div>zzzzzzzzzzzz</div></rbb></x><x><rbb><rbc></rbc><div>zzzzzzzzzzzz</div></rbb></x>B</grid> 43 <grid>A<x><rbb><div>zzzzzzzzzzzz</div></rbb></x><x><rbb><rbc>X</rbc><div>zzzzzzzzzzzz</div></rbb></x>B</grid> 44 <ruby><rt><ruby>X<div>zzzzzzzzzzzz</div></ruby></rt><div>zzzzzzzzzzzz</div></ruby> 45 <ruby><rbc><ruby>X<div>zzzzzzzzzzzz</div></ruby></rbc><div>zzzzzzzzzzzz</div></ruby> 46 <ruby><rtc><ruby>X<div>zzzzzzzzzzzz</div></ruby></rtc><div>zzzzzzzzzzzz</div></ruby> 47 <x class=mbp><rbb><div>zzzzzzzzzzzz</div></rbb></x> 48 <x class=mbp><rbb>X<div>zzzzzzzzzzzz</div></rbb></x> 49 <x class=mbp><rbb><rt>X</rt><div>zzzzzzzzzzzz</div></rbb></x> 50 <x class=mbp><rbb><rb>X</rb><div>zzzzzzzzzzzz</div></rbb></x> 51 52 </html>