| 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: vertical-rl; display:inline-block; } |
| 5 </style> | 5 </style> |
| 6 <script src="../../resources/ahem.js"></script> | 6 <script src="../../resources/ahem.js"></script> |
| 7 <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;"> |
| 8 <!-- emphasis under, should not be suppressed by ruby --> | 8 <!-- emphasis under, should not be suppressed by ruby --> |
| 9 <div> | 9 <div> |
| 10 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> |
| 11 </div> | 11 </div> |
| 12 <!-- 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 -
-> |
| 13 <div> | 13 <div> |
| 14 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> |
| (...skipping 10 matching lines...) Expand all Loading... |
| 25 <!-- 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 -
-> |
| 26 <div class="flipped"> | 26 <div class="flipped"> |
| 27 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> |
| 28 </div> | 28 </div> |
| 29 <!-- emphasis over should be suppressed by ruby --> | 29 <!-- emphasis over should be suppressed by ruby --> |
| 30 <div class="flipped"> | 30 <div class="flipped"> |
| 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 1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webki
t-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby> |
| 32 </div> | 32 </div> |
| 33 | 33 |
| 34 </body> | 34 </body> |
| OLD | NEW |