You are here: Reference > CSS > properties > word-break

word-break property

Browser support:
Specifies the line breaking rule within words.
JavaScript page for this property: wordBreak. You can find other example(s) there.

Possible values:

 One of the following values: 
break-all
Line breaking within Asian character set content is allowed, non-Asian text may be arbitrarily broken across lines.
keep-all
Word breaking for Chinese, Japanese, and Korean text is not allowed.
normal
Default. Word breaking is allowed.
Default: normal.

Example HTML code 1:

This example illustrates the use of the word-break property:
<head>
    <style>
        .example {
            background-color: #F9F9F9;
            word-break: break-all;
            width: 300px;
            height: 200px;
        }
    </style>
</head>
<body>
    <div class="example">
        word1 word2 word3 word4 word5 word6 word7 word8 word9 word10 
    </div>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content