skip-ink-cjk-1-ref.html (418B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <meta charset="utf-8"> 4 <style> 5 body { 6 font: 16px/2 sans-serif; 7 } 8 .test { 9 font: 32px sans-serif; 10 text-decoration: 2px red underline; 11 text-underline-offset: 1px; 12 } 13 span { 14 text-decoration-skip-ink: none; 15 } 16 </style> 17 <div>The underline should skip descenders on the English but not the Japanese:</div> 18 <div class=test>skipping <span>土砂災害警戒情報</span> skipping</div>