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

    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行目の文章のみ日本語と英語、数字の間に僅かなスペースがある