≪ Today I learned. RSS購読
公開日
タグ
CSS
著者
ダーシノ(@bc_rikko)

text-autospaceで日本語と英語、数字の間隔を開ける

国際化対応(Internationalization/i18n)の機能のひとつにtext-autospaceがある。

このプロパティは、日本語のように複数の文字体系(漢字、英語、数字など)を混在させて使う言語において、その間にスペースを開けることができる。

.autospace {
  text-autospace: normal;
  text-autospace: no-autospace;
}

現在、一部ブラウザでのみ使用でき、かつChromeとSafariではデフォルトの値が異なるため注意が必要だ。

デモ

CSSのtext-autospaceプロパティを使うと、日本語とEnglish、123などの数字に間隔をあけられる。

CSSのtext-autospaceプロパティを使うと、日本語とEnglish、123などの数字に間隔をあけられる。

「CSSのtext-autospaceプロパティを使うと、日本語とEnglish、123などの数字に間隔をあけられる。」という文章が2行で書かれており、2行目の文章のみ日本語と英語、数字の間に僅かなスペースがある