The line-break property specifies the strictness of line-breaking rules applied within an element: particularly how wrapping interacts with punctuation and symbols.

  • Initial valueauto
  • Applies toAll elements
  • InheritedYes
  • MediaVisual
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.lineBreak
Formal syntax: auto | loose | normal | strict 

line-break: auto;
line-break: loose;
line-break: normal;
line-break: strict;
  • autoThe browser determines the set of line-breaking restrictions to use, and it may vary the restrictions based on the length of the line; e.g., use a less restrictive set of line-break rules for short lines.
  • looseBreaks text using the least restrictive set of line-breaking rules. Typically used for short lines, such as in newspapers.
  • normalBreaks text using the most common set of line-breaking rules.
  • strictBreaks text using the most stringent set of line-breaking rules.
.class {
   line-break:loose;
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.