Skip It

I’d like to talk about an exciting CSS discovery I made this week: text-decoration-skip: ink. This property specifies where a text decoration should break. In the case of ink this means that the underline will skip and leave white space around descenders, the portion of a character that extends below the baseline of the font, and glyphs like semicolons. Though this property is reported by MDN, it is not yet supported by Firefox at the time of this writing. If you are using Chrome or Safari desktop, you can see this effect by hovering over a link on this page. It’s a minor change that improves the legibility of underlined text.

Jun 19 2017