v156 · css text-overflow · custom markers

Custom truncation markers

Specify any quoted string — " (more)", " ➔", " […]", or localized suffixes like "…（続き）" — as the value of text-overflow. Drag the container width or edit the marker string below to test live CSS parsing, getComputedStyle serialization, and character-accurate side-by-side simulation when running on an older engine.

Interactive custom marker studio

1. Choose or type a custom overflow string
2. Adjust container inline size

Live CSS Engine Output probing…

Applies style.textOverflow = '"…"'; directly to the paragraph above.

Reference Spec Rendering CSS Overflow 4 target

Side-by-side visual reference showing exact string placement when the line overflows its inline box.

Generated CSS declaration

Live CSSOM & layout probe telemetry
Signal Measured Value

references & next concepts