|<<>>|49 of 283 Show listMobile Mode

Quick CSS: text-decoration

Published by marco on

The article When to Avoid the text-decoration Shorthand Property by Šime Vidas (CSS Tricks) makes a couple of interesting points. Basically, you have a lot of control over how underlines are drawn on text.

The article doesn’t mention these, but,

The following text has the style text-decoration: underline .4em; text-underline-offset: .4em. Note that it doesn’t affect the bounding box.

squabbling

The following text has the style text-decoration: underline; text-decoration-skip: spaces; text-decoration-skip-ink: all. Note that text-decoration-skip only works with Safari at the time of writing.

squabbling with boggling