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 |