skip-ink-cjk-2-ref.html (665B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <!-- lang=ja will cause the default japanese font to be used throughout --> 4 <meta charset="utf-8"> 5 <style> 6 body { 7 font: 16px/2 sans-serif; 8 } 9 .test { 10 font: 32px sans-serif; 11 text-decoration: 2px red underline; 12 text-underline-offset: -1px; /* make underline clash with digits etc */ 13 text-decoration-skip-ink: none; 14 } 15 </style> 16 <div>The underline should not skip-ink in Japanese runs, even on embedded "common" characters:</div> 17 <div class=test>黄砂情報 実況図 / 予測図</div> 18 <div class=test>気象衛星 10分ごと / 2.5分ごと</div> 19 <div class=test>レーダー•ナウキャスト(降水•雷•竜巻)</div>