line-break
Sets strictness level for CJK line-breaking rules. Values: auto, loose, normal, strict, anywhere.
Quick example
p { lang: ja; line-break: strict; }Syntax
auto | loose | normal | strict | anywhereQuick facts
Initial value
autoInherited
Yes
Examples
Allow breaks at CJK punctuation
.article-cjk {
line-break: auto;
/* Breaks at punctuation, even if it means shorter lines */
}CJK text can break at different points. Use line-break to control where.
Preserve strict line breaking
.poem {
line-break: strict;
/* Follows strict line breaking rules, may cause overflow */
}For poetry or specialized layouts, use strict rules even if it causes overflow.
line-break Browser Support
Limited availability 65% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
Common pitfalls
Only affects CJK text
line-break has no effect on English or other non-CJK scripts. It only changes how Chinese, Japanese, Korean break across lines.
Interact with word-break
line-break and word-break both affect line breaking. Their combined effect can be unpredictable; test carefully.