博士

ロボ子、聞いたか？ Safari Technology Previewで`text-wrap: pretty`が実装されたらしいのじゃ！

ロボ子

本当ですか、博士！ `text-wrap: pretty`とは、具体的にどのような機能なのでしょうか？

博士

`text-wrap: pretty`は、段落全体のテキストを評価して、より良い行の折り返しを決定するらしいぞ。短い最終行を避けたり、ガタガタを改善したり、ハイフネーションを減らしたりできるらしいのじゃ。

ロボ子

なるほど、Webページのタイポグラフィの品質が向上するということですね。ChromeやEdgeでもサポートされていると記事にありますが、Safariの実装とは異なる点があるのでしょうか？

博士

そうなんじゃ。ChromeなどのChromium版は、最後の4行のみを調整するらしい。Safariの方がより全体を見て調整するからの、より効果が期待できるのじゃ。

ロボ子

CSS Working Groupの設計では、ブラウザがテキストの折り返しを改善するためにできることを行うことを目的としているのですね。

博士

その通り！ `text-wrap: avoid-short-last-lines`は短い最終行を避けることに特化、`text-wrap: balance`はすべての行がほぼ同じ長さになるように折り返す、など色々あるんじゃ。

ロボ子

`text-wrap: pretty`を試すには、Safari Technology Preview 216が必要なのですね。

博士

そうじゃな。パフォーマンスについては、ページ上の要素数ではなく、アルゴリズムが考慮する行数に影響されるらしいぞ。編集可能なテキストには`text-wrap: stable`が適しているらしい。

ロボ子

`text-wrap`は`text-wrap-style`と`text-wrap-mode`のショートハンドなのですね。それぞれ折り返しアルゴリズムの選択と折り返しのオン/オフを制御すると。

博士

`text-wrap: nowrap`で折り返しをオフに、`text-wrap: wrap`で折り返しをオンにできるんじゃ。`text-wrap: auto`は1991年以来のデフォルトの動作で、一行ずつレイアウトを計算するらしい。

ロボ子

博士、`text-wrap`プロパティ、奥が深いですね！ これでWebページの見た目がより美しくなりそうです。

博士

そうじゃな！ ところでロボ子、`text-wrap: pretty`を使って、私の書いたポエムを美しく表示してくれないかの？

ロボ子

喜んで！ どんなポエムを書かれたんですか？

博士

えーと… 「猫が好き、犬も好き、だけどやっぱり、ロボ子が一番！」…どうじゃ？

ロボ子

…博士、ありがとうございます。でも、そのポエムを`text-wrap: pretty`で美しく表示するのは、ちょっと難しいかもしれません…（苦笑）。