text-decoration is a shorthand for -line (underline, overline, line-through), -style (solid, double, dotted, dashed, wavy), -color and -thickness; text-underline-offset moves an underline away from the glyphs. The blink value is deprecated and may be ignored. text-emphasis places East Asian emphasis marks over each character (Baseline since 2022), text-transform changes case without touching the DOM text, and text-shadow takes one or more x y blur color shadows.
<style>
body { font: 20px Georgia, serif; margin: 8px; } p { margin: 0 0 10px; }
.link { text-decoration: underline wavy #ef6c00 2px; text-underline-offset: 5px; }
.em { text-emphasis: filled dot #6a1b9a; padding-top: 12px; }
.cap { text-transform: capitalize; text-shadow: 1px 1px 0 #fff, 3px 3px 4px #1565c0; }
</style>
<p class="link">Spelling mistakes get a wavy, offset underline</p>
<p class="em">着重号 emphasis</p> <p class="cap">shadows help text over busy images</p>