text-autospaceで日本語と英語、数字の間隔を開ける
国際化対応(Internationalization/i18n)の機能のひとつにtext-autospaceがある。
このプロパティは、日本語のように複数の文字体系(漢字、英語、数字など)を混在させて使う言語において、その間にスペースを開けることができる。
.autospace {
text-autospace: normal;
text-autospace: no-autospace;
}
現在、一部ブラウザでのみ使用でき、かつChromeとSafariではデフォルトの値が異なるため注意が必要だ。
- Chrome Canary:
text-autospace: no-autospace
がデフォルト値 - Safari Technology Preview:
text-autospace: normal
がデフォルト値
デモ
CSSのtext-autospaceプロパティを使うと、日本語とEnglish、123などの数字に間隔をあけられる。
CSSのtext-autospaceプロパティを使うと、日本語とEnglish、123などの数字に間隔をあけられる。