The CSS Propertie line-break

The line-break property sets line-breaking rules — primarily for CJK text (Chinese/Japanese/Korean) — for breaking before/after punctuation, question marks, and overall compactness.

.cjk-text { line-break: strict; }

.narrow-col { line-break: anywhere; word-break: break-all; }

autoUA chooses breaking rules per the context (default).

looseLoose breaking rules — breaks at more places. For narrow columns.

normalNormal breaking rules — balance between compactness and typographic rules.

strictStrict breaking rules — fewer breaks. For high-quality print typography.

anywhereBreaks allowed almost anywhere — improves overflow-wrap behavior.

CSS Text Module Level 4

Editor's Draft

W3C MDN

そこは湖のほとりで木々が輝いていた。
その景色に、美しいなぁと思わずつぶやいた。

Show all code

Edit CSS online

The plugin that remembers hundreds of CSS items for you

Every CSS property — in a live demonstration

The bilingual CSS reference

previous next