MDN wants to talk to developers like you:

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

The line-break CSS property is used to specify how (or if) to break lines.

/* Keyword values */
line-break: auto;
line-break: loose;
line-break: normal;
line-break: strict;

/* Global values */
line-break: inherit;
line-break: initial;
line-break: unset;
Initial valueauto
Applies toall elements
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar



break text using  the default line break rule.
break text using the line break rule that the line is shorter like a newspaper.
break text using the common line break rule.
break text using the stringent line break rule.

Formal syntax

auto | loose | normal | strict


Specification Status Comment
CSS Text Module Level 3
The definition of 'line-break' in that specification.
Working Draft Initial definition

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 (Yes) No support[1] 5.5[2] (Yes) (Yes)
Feature Android Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 18.0 (Yes) No support[1] ? ? (Yes)

[1] Gecko does not implement this feature yet. See bug 1011369.

[2] Internet Explorer 8 introduced -ms-line-break as a synonym for line-break. Don't use the -ms- prefix.

Document Tags and Contributors

 Contributors to this page: DailyAlice, erikadoyle, Siilwyn, Sebastianz, fscholz, ishita, mkato, teoli
 Last updated by: DailyAlice,