テキストリンクの下線が英字のディセンダや( )でブツブツ途切れる。
気になるのでCSSで調整。


CSS追加
a
text-decoration-skip-ink: none
text-underline-offset: 2px
text-decoration-color: #999
text-decoration-skip-ink: none | 下線を繋げる |
text-underline-offset: _px | 下線の位置を下げる |
text-decoration-color: #___ | 下線の色を変える |
従来はtext-decoration: none
した上でborder-bottom
を付けていたが、CSS3で下線を直接スタイリング可能になった。ただし線の太さは指定出来ない。