CSS — Text

← Back to index · ← Supported CSS

Typography properties and inline text behavior. The text stack itself (font resolution, atlases, shaping) is covered in Text & Fonts; this page is the CSS surface.

Fonts

• font-family, font-size, font-weight, font-style, font-variant (small-caps).
• letter-spacing, word-spacing.
• @font-face registers families (see Supported CSS).

The default face is Segoe UI, not Arial — an intentional, locked product decision. Bare sans-serif resolves to the bundled Segoe-UI-like face.

Line box & spacing

• line-height — number, length, percentage, and normal. normal resolves taller than Chrome (≈1.36× vs. ≈1.15×) because of the default-face metrics; this is accepted divergence.
• text-indent — bare length/percentage honored; hanging / each-line modifiers parse but are inert.
• tab-size.

Alignment & decoration

• text-align: left, right, center, justify, start, end.
• text-align-last.
• text-decoration: underline and line-through.
• text-transform: uppercase, lowercase, capitalize.
• color (the text fill; honored in linear space).

Known gap (TEXTALIGN-ABS): text-align: center/right/justify is lost on a block that also contains an out-of-flow (absolute/fixed) child. Workaround: make the centered text and the out-of-flow decoration siblings.

White-space, wrapping & overflow

• white-space: normal, nowrap, pre, pre-wrap.
• text-wrap: nowrap | wrap. The balance | pretty | stable values parse but are inert.
• Long-word breaking: word-break: break-all, overflow-wrap: break-word, overflow-wrap: anywhere. word-break: keep-all falls back to normal (CJK is a v2 concern).
• Manual hyphens (soft-hyphen breaks) work; dictionary hyphens: auto is v2.
• text-overflow: ellipsis truncates single-line clipping containers (overflow: hidden|scroll|clip|auto + white-space: nowrap). Multi-line line-clamp ellipsis is v2.
• text-justify: auto and inter-word (the Latin default) are honored; inter-character (CJK) is inert.

Inline formatting

A real inline formatting context lays out mixed-style runs (<span>/<strong>/<a>/<code>) within a line, with correct baselines for inline-block atoms. LTR only — no bidi reordering, no vertical writing-mode glyph flow (both are v1 non-goals).

Single-fragment decoration (v1 simplification): an inline element whose text wraps across multiple lines paints its border/background on the first line's bbox only — decoration is not split across line fragments.

Registered-but-not-shaped

These cascade and inherit but have no real shaping support in v1: font-feature-settings, font-variant-numeric, font-size-adjust, font-synthesis-*. Pin explicit values if a design depends on them; expect no visible effect.

Next: Text & Fonts · Animations & Transitions