Text layout overview
The progressive-adoption ladder for wrapped, fitted, box-bound text — from one attribute on a text element to the full x:textbox element.
Wrapping
Wrap SVG text to a width with inline-size on a plain text element (Rung 1) or the SVG Tiny 1.2 textArea region (Rung 2).
Textbox
The x:textbox element — box text with padding, horizontal and vertical alignment, cap-height centering and shape binding.
Shrink to fit
The fit attribute on x:textbox — binary-search the font size so a paragraph of any length fills a fixed box.
Overflow & truncation
text-overflow (clip or ellipsis) for box-bound text — one property that handles both block and inline overflow, after shrink-to-fit runs.
Justification
Full-justify box text with text-align="justify" or align="justify" — full lines flush both edges, last lines ragged.
Flow into shapes
Bind an x:textbox to a shape with in="#id" — text flows inside a curved outline (path, circle, ellipse, polygon), or uses a rect's box.
Letter, word & glyph spacing
Layout-aware letter-spacing and word-spacing, visual glyph-x-scale stretching, and the tbreak forced break.
Styled runs
tspan runs inside textArea and x:textbox override fill, weight, style and family while flowing and wrapping inline.
Bordered text
x:border-width / x:border-color — an outline that hugs each glyph and sits behind the fill, so it reads against a busy background without thinning the letters.