Skip to main content

New CSS for Styling Underlines on the Web - YouTube

Visit external resource

We have new properties in CSS for styling underlines, as explained here by Jen Simmons.

The relevant properties are:

  • text-decoration-thickness
  • text-decoration-color
  • text-underline-offset
  • text-decoration-skip-ink

The skip-ink concept becomes more interesting (to me at least) when you're also using the other properties (especially offset) in order to start the underline higher up the word causing it to appear behind it.

Update 25th November 2022

Support for these properties looks healthy.

External Link Bookmark Note Entry Search