line-break

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 value	`auto`
Applies to	all elements
Inherited	no
Media	visual
Computed value	as specified
Animation type	discrete
Canonical order	the unique non-ambiguous order defined by the formal grammar

Syntax

Values

auto: Break text using the default line break rule.
loose: Break text using the least restrictive line break rule. Typically used for short lines, such as in newspapers.
normal: Break text using the most common line break rule.
strict: Break text using the most stringent line break rule.

Formal syntax

auto | loose | normal | strict

Specifications

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

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)	(Yes)

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)	(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.

Syntax

Values

Formal syntax

Specifications

Browser compatibility

Document Tags and Contributors