リンクのようなテキストに引かれているアンダーライン等の装飾をどのように引くかを指定する。

#hoge{
    text-decoration-skip-ink: auto;
}
#piyo{
    text-decoration-skip-ink: none;
}

通常はアンダーラインはベースライン上に引かれる。日本語では意識されないので単に文字の下にアンダーラインが引かれるだけだが、アルファベットではこのベースラインよりも下に突き出す文字がある。小文字の g や y 等はそれに当たる。

この突き出している部分で完全に無視してそのまま単に線を引くかそれとも突き出している部分は避けて(skip)して線を引くかという設定。

auto がデフォルトで、これをその分部分だけアンダーラインが切れるように描画される。none を指定すると文字を無視して単純にベースラインにアンダーラインが引かれる。