- Published on
BudouXをCSSプロパティで使用する
BudouXとは
日本語の改行を自然にするためのライブラリ。GoogleとAdobeの共同開発？
https://developers-jp.googleblog.com/2023/09/budoux-adobe.html
CSSでBudouX
JavaScriptのライブラリとして使うのではなく、CSSでBudouXを使用する方法が限定的に存在する lang属性がjaで指定された要素について、以下のように記述するとBudouXを利用できる
element {
word-break: auto-phrase;
}
ただし、これが現在利用できるのはChrome v119以降。厳密にはChromium v119以降がベースのブラウザも対象になる場合がある
Mozillaのword-breakに関するドキュメントには現状記載がない