MDN’s new design is in Beta! A sneak peek:

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 when working with punctuation and symbols.

/* 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 least restrictive line break rule. Typically used for short lines, such as in newspapers.
Break text using the most common line break rule.
Break text using the most 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 -webkit
58 (unprefixed)
(Yes) No support[1] 5.5[2] (Yes) -webkit
45 (unprefixed)
Feature Android Webview Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) -webkit
58 (unprefixed)
18 -webkit
58 (unprefixed)
(Yes) No support[1] ? (Yes) -webkit
45 (unprefixed)

[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

 Last updated by: jpmedley,