white-spaceプロパティーの展開

td要素などで利用しているwhite-spaceプロパティーをwhite-space-collapseプロパティーとtext-wrap-modeプロパティーに展開する。1年位前に実装が揃い、white-spaceプロパティーがほぼ短縮プロパティー化した。短縮プロパティーはたまにおかしなことが起きる、特にカスタム・プロパティー絡みでは起きやすいので、できるだけ避けるようにしている。

white-space-collapseプロパティーとtext-wrap-modeプロパティーの方が細かく制御でき、今まで出来なかったことも出来るようになる。一部は未実装、または仕様でも変更があるかもしれないとなっているが、実用上はほぼ問題ないだろう。例えば、ほぼwhite-space: preだけど、空白文字はまとめたいというようなことも可能だ。

:is(td, th) {
  text-wrap-mode: nowrap;
  white-space-collapse: preserve-breaks;
}

ぐちゃぐちゃになりがちな表での折り返しを禁じる時に使いたい。preでも良いが、空白はまとまっていて欲しいだろう。しかし、表での改行には意味がなさそうなので、改行文字を使って改行できると良い。こういう我儘も実現できるようになった。

text-wrap-modeプロパティーは、別の短縮プロパティーであるtext-wrapプロパティーが設定したりもする珍しいプロパティーだ。他には無いんじゃないかと思う。この辺りの新たな懸念もあって、短縮プロパティーは避けたい気持ちを新たにしている。