word-break: auto-phrase
word-break: auto-phrase は日本語や中国語などのCJKテキストにおいて、単語やフレーズの自然な区切りで改行を行う機能です。従来のCJKテキストでは任意の文字間で改行されていましたが、この値により意味のまとまりを保った改行が可能になります。日本語の読みやすさを大幅に向上させます。
概要
word-break: auto-phrase は日本語や中国語などのCJKテキストにおいて、単語やフレーズの自然な区切りで改行を行う機能です。従来のCJKテキストでは任意の文字間で改行されていましたが、この値により意味のまとまりを保った改行が可能になります。日本語の読みやすさを大幅に向上させます。
対応ブラウザ
デスクトップ
Chrome 119+
Edge 119+
Safari 未対応
Firefox 未対応
モバイル
Chrome Android 119+
Safari iOS 未対応
Firefox Android 未対応
基本構文
CSS
.japanese-text {
word-break: auto-phrase;
}実務での使いどころ
-
日本語テキストの自然な改行
日本語のテキストを単語やフレーズの区切りで改行し、文中の不自然な位置での改行を防止します。
注意点
- Chrome/Edgeのみのサポートであり、ブラウザのフレーズ解析精度はテキストの内容によって異なります。
アクセシビリティ
- 自然なフレーズ区切りでの改行は、テキストの読みやすさを向上させ、認知負荷を軽減します。