リンク下線を整える

テキストリンクの下線が英字のディセンダや( )でブツブツ途切れる。
気になるので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で下線を直接スタイリング可能になった。ただし線の太さは指定出来ない。