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 |