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
How to read CSS 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 |
Browser compatibility
[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
Tags:
Contributors to this page:
jpmedley,
mfluehr,
DailyAlice,
erikadoyle,
Siilwyn,
Sebastianz,
fscholz,
ishita,
mkato,
teoli
Last updated by:
jpmedley,