KandZ – Tuts

We like to help…!

CSS 11 💻 line break and word break properties

line-break specifies how line break.
values: auto → uses the default break rule
normal → break using the most common rule
loose → uses the least restrictive rule
strict → uses the most stringent rule
anywhere → no need for further explanation
example 1 → this is the default value, and it allows line breaks between words or within a word
example 2 → This allows line breaks between words or within a word
example 3 → This allows line breaks at any point in the text block

word-break controls the behavior of line breaks
values: normal → default, words break only at whitespace characters
break-all → words break in any point of the text block
keep-all → words break only at whitespace characters
break-word (deprecated)
example 1 → this is the default value and it allows words to break at whitespace characters
example 2 → This allows words to break at any point, even in the middle of a word (like "--" and "-")
example 3 → this allows words to break only at whitespace characters, not in the middle of a word

Leave a Reply