{{CSSRef}}{{SeeCompatTable}}
Summary
The line-break
CSS property is used to specify how (or if) to break lines.
{{cssbox("line-break")}}
Syntax
Formal syntax: {{csssyntax("line-break")}}
line-break: auto line-break: loose line-break: normal line-break: strict line-break: inherit
Values
-
auto
- break text using the default line break rule.
-
loose
- break text using the line break rule that the line is shorter like a newspaper.
-
normal
- break text using the common line break rule.
-
strict
- break text using the stringent line break rule.
Examples
{{todo}}
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('CSS3 Text', '#line-break-property', 'line-break')}} | {{Spec2('CSS3 Text')}} |
Browser compatibility
{{CompatibilityTable}}
Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|
1.0 | {{CompatNo}} {{ bug("1011369") }} | 5.5 | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
{{CompatVersionUnknown}} | 18.0 | {{CompatNo}} {{ bug("1011369") }} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatVersionUnknown}} |
- IE8 introduced
-ms-line-break
as a synonym forline-break
. Don't use the-ms-
prefix.
See also
- {{CSS_Reference:Text}}