coderef

line-breakBaseline · Widely available

The line-break CSS property sets how strictly to apply rules for wrapping text to new lines, especially for symbols and punctuation.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jul 28, 2020. Widely available since Jan 28, 2023.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–81Not supported
83+Supportedsince May 19, 2020
Current: 155
Edge
12–81Not supported
83+Supportedsince May 21, 2020
Current: 154
Firefox
1–68Not supported
69+Supportedsince Sep 3, 2019
Current: 157
Safari
1–12.1Not supported
13+Supportedsince Sep 19, 2019
Current: 27
MobileChrome Android
18–81Not supported
83+Supportedsince May 19, 2020
Current: 155
Firefox Android
4–68Not supported
79+Supportedsince Jul 28, 2020
Current: 157
Safari iOS
1–12.2Not supported
13+Supportedsince Sep 19, 2019
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: line-break.

Feature detection

CSS · check before using
@supports (line-break: initial) {
  /* styles that rely on line-break */
}

/* or in JavaScript */
if (CSS.supports("line-break", "initial")) {
  // use it
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (6). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
line-break58146911587911
line-break.anywhere83836913837913
line-break.auto58796911587911
line-break.loose58796911587911
line-break.normal58796911587911
line-break.strict58796911587911