CSS text-autospaceを導入しました - NTT docomo Business Engineers' Blog

最近、新たなCSSプロパティ text-autospace が主要なWebブラウザーでサポートされました。どうしても和文と欧文の交ぜ書きが多くなる技術ブログにおいて、待望のプロパティです。そのあらましと、このブログにおける採用について紹介します。 やったこと 背景 将来 デジタル改革推進部の小林です。普段は社内ID基盤のプロダクトオーナーをやっています。きょうはブログ運営チームの一員として、この記事を書いています。 この記事のエッセンスとしては「やったこと」と「将来」をお読みいただければ十分ご理解いただけることと思います。「背景」は読み物としてお楽しみください。 やったこと 2026年6月末に、このブログのCSSに次の指定を入れました。 .entry-content p, .entry-content ul, .entry-content ol { text-autospace: norm

[onionskin]

すばら

[ultimatebreak]

よい

[masa8aurum]

“和文と欧文（数字含む）の間に細い空白（八分アキ。厳密には「水」の8分の1の幅の空白）が自動的に挿入されます。これにより、記事がより読みやすく” いいね！

[Falky]

すごくイイ//これってSafariが勝手に役物半角にする挙動も上書きされてるんかな？…いや、あれはSafariじゃなくてOSレベルの処理だったっけ…？

[Cherenkov]

ios15わい。変わらない

[sezemi]

めちゃよさそう