| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 div { margin: 8px 0; } | 2 div { margin: 8px 0; } |
| 3 span { -webkit-text-emphasis: 'x'; } | 3 span { -webkit-text-emphasis: 'x'; } |
| 4 .flipped { -webkit-writing-mode: horizontal-bt; } | 4 .flipped { -webkit-writing-mode: horizontal-bt; } |
| 5 </style> | 5 </style> |
| 6 <script src="../../resources/ahem.js"></script> |
| 6 <body style="font-family: Ahem; font-size: 32px; -webkit-font-smoothing: none;"> | 7 <body style="font-family: Ahem; font-size: 32px; -webkit-font-smoothing: none;"> |
| 7 <!-- emphasis under, should not be suppressed by ruby --> | 8 <!-- emphasis under, should not be suppressed by ruby --> |
| 8 <div> | 9 <div> |
| 9 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> | 10 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> |
| 10 </div> | 11 </div> |
| 11 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> | 12 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> |
| 12 <div> | 13 <div> |
| 13 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> | 14 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> |
| 14 </div> | 15 </div> |
| 15 <!-- emphasis over should be suppressed by ruby --> | 16 <!-- emphasis over should be suppressed by ruby --> |
| 16 <div> | 17 <div> |
| 17 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webki
t-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby> | 18 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webki
t-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby> |
| 18 </div> | 19 </div> |
| 19 | 20 |
| 20 <!-- emphasis under, should not be suppressed by ruby --> | 21 <!-- emphasis under, should not be suppressed by ruby --> |
| 21 <div class="flipped"> | 22 <div class="flipped"> |
| 22 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> | 23 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> |
| 23 </div> | 24 </div> |
| 24 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> | 25 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> |
| 25 <div class="flipped"> | 26 <div class="flipped"> |
| 26 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> | 27 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> |
| 27 </div> | 28 </div> |
| 28 <!-- emphasis over should be suppressed by ruby --> | 29 <!-- emphasis over should be suppressed by ruby --> |
| 29 <div class="flipped"> | 30 <div class="flipped"> |
| 30 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webki
t-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby> | 31 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webki
t-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby> |
| 31 </div> | 32 </div> |
| 32 | 33 |
| 33 </body> | 34 </body> |
| OLD | NEW |