ruby-box-model-001-ref.html (1680B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <title>CSS test reference</title> 4 5 <style> 6 .r { display: ruby; } 7 .rbc { display: ruby-base-container; } 8 .rb { display: ruby-base; } 9 .rtc { display: ruby-text-container; } 10 .rt { display: ruby-text; } 11 12 .r { font: 50px/1 monospace; } 13 14 .rb { background: pink; } 15 .rt { background: orange; } 16 </style> 17 18 <p>Test passes if, in each of the base/annotations pairs below, there is no gap between the pink box of the base and the orange box of the annotation.</p> 19 20 <span class=r> 21 <span class="rbc pv"> 22 <span class=rb>b1</span> 23 </span> 24 <span class="rtc pv"> 25 <span class=rt>a1</span> 26 </span> 27 </span> 28 29 <span class=r> 30 <span class="rbc ph"> 31 <span class=rb>b2</span> 32 </span> 33 <span class="rtc ph"> 34 <span class=rt>a2</span> 35 </span> 36 </span> 37 38 <span class=r> 39 <span class="rbc bv"> 40 <span class=rb>b3</span> 41 </span> 42 <span class="rtc bv"> 43 <span class=rt>a3</span> 44 </span> 45 </span> 46 47 <span class=r> 48 <span class="rbc bh"> 49 <span class=rb>b4</span> 50 </span> 51 <span class="rtc bh"> 52 <span class=rt>a4</span> 53 </span> 54 </span> 55 56 <span class=r> 57 <span class="rbc mv"> 58 <span class=rb>b5</span> 59 </span> 60 <span class="rtc mv"> 61 <span class=rt>a5</span> 62 </span> 63 </span> 64 65 <span class=r> 66 <span class="rbc mh"> 67 <span class=rb>b6</span> 68 </span> 69 <span class="rtc mh"> 70 <span class=rt>a6</span> 71 </span> 72 </span> 73 74 <span class=r> 75 <span class="rbc ph pv mh mv bh bv"> 76 <span class=rb>b7</span> 77 </span> 78 <span class="rtc ph pv mh mv bh bv"> 79 <span class=rt>a7</span> 80 </span> 81 </span>