| 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 <body style="font-family: ahem; font-size: 32px; -webkit-font-smoothing: none;"> | 6 <body style="font-family: Ahem; font-size: 32px; -webkit-font-smoothing: none;"> |
| 7 <!-- emphasis under, should not be suppressed by ruby --> | 7 <!-- emphasis under, should not be suppressed by ruby --> |
| 8 <div> | 8 <div> |
| 9 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> | 9 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> |
| 10 </div> | 10 </div> |
| 11 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> | 11 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> |
| 12 <div> | 12 <div> |
| 13 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> | 13 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> |
| 14 </div> | 14 </div> |
| 15 <!-- emphasis over should be suppressed by ruby --> | 15 <!-- emphasis over should be suppressed by ruby --> |
| 16 <div> | 16 <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> | 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 </div> | 18 </div> |
| 19 | 19 |
| 20 <!-- emphasis under, should not be suppressed by ruby --> | 20 <!-- emphasis under, should not be suppressed by ruby --> |
| 21 <div class="flipped"> | 21 <div class="flipped"> |
| 22 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> | 22 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</
span></rb><rt>678</rt></ruby> |
| 23 </div> | 23 </div> |
| 24 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> | 24 <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -
-> |
| 25 <div class="flipped"> | 25 <div class="flipped"> |
| 26 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> | 26 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</s
pan></rb><rt> </rt></ruby> |
| 27 </div> | 27 </div> |
| 28 <!-- emphasis over should be suppressed by ruby --> | 28 <!-- emphasis over should be suppressed by ruby --> |
| 29 <div class="flipped"> | 29 <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> | 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 </div> | 31 </div> |
| 32 | 32 |
| 33 </body> | 33 </body> |
| OLD | NEW |