最終更新:2024-03-18 (月) 09:42:35 (40d)  

word-break
Top / word-break

改行しなければテキストがコンテンツボックスからあふれる場合に、ブラウザーが改行を挿入するかどうかを指定

https://developer.mozilla.org/ja/docs/Web/CSS/word-break

normal

  • 既定の改行規則を使用します。

break-all

  • CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。

keep-all

  • CJK テキストの改行を許可しません。 CJK 以外のテキストについては normal と同じ挙動となります。

break-word (非推奨)

  • overflow-wrap プロパティの値とは関係なく、 word-break: normal や overflow-wrap: anywhere と同じ効果になります。

メモ

  • word-break: break-word および overflow-wrap: break-word とは対照的に、 word-break: break-all はテキストがコンテナーからちょうどあふれたところで (単語全体を次の行に送れば途中で改行を防ぐことができる場合であっても) 位置で改行を生成します。

関連