Target Element

Skip Ink (Descender Handling)

Browser decides when to skip (default)

Decoration Skip Value

Don't skip anything

Additional Skip Options

Skip SpacesSkip EdgesSkip Box Decoration

Decoration Line

Decoration Style

Decoration Color

Decoration Thickness

Include Vendor Prefixes (-webkit-)

Font Size: 24px

Font Family

Preview Text (use text with descenders: g, j, p, q, y)

Typography with descenders: glyph, jump, quickly, enjoy

nonegjpqy

autogjpqy

allgjpqy

These characters have descenders that may intersect with underlines:

g j p q y

.decorated-text {
  text-decoration: underline solid #3b82f6;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: auto;
}