This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text 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 |
autoloosenormalstrictauto | loose | normal | strict
| Specification | Status | Comment |
|---|---|---|
| CSS Text Module Level 3 The definition of 'line-break' in that specification. | Working Draft | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | 58
|
14 | No | 5.5
|
45
|
Yes |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | 58
|
58
|
Yes | No | 45
|
Yes | 7.0
|
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/line-break