リンク下線を整える

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

関連