CSS Reference

text-spacing-trim

約物文字のカーニングを指定する

text-spacing-trim プロパティは、中国語／日本語／韓国語（CJK）の約物文字（句読点や括弧類など）に設定される、隣接する文字間（カーニング）やテキスト行の先頭または末尾に設定される内部スペーシングを制御します。

指定できる値は下記の通りです。

space-all すべての約物文字は、全角グリフで設定されます。
normal 各行の先頭に全角グリフで約物文字を設定します。各行の末尾については、両端揃えを行う上で調整する必要があれば半角グリフで、そうでなければ全角グリフで設定されます。（既定値）
trim-both 各行の先頭と文末の約物文字について半角グリフで設定されます。
space-first ブロックコンテナの先頭行と、強制改行後の各行に、全角グリフで約物文字を設定します。それ以外は normal と同様です。
trim-start 各行の先頭にある約物文字について半角グリフで設定されます。それ以外は normal と同様です。
trim-all すべての約物文字について半角グリフで設定されます。
auto ユーザーエージェントが、タイポグラフィ的に最も高品質なスペーシングを自動選択します。

各プロパティ値と間隔（アキ）調整の可否をまとめると下記のようになります。

値 行頭の約物文字に対する間隔の調整 文末の約物文字に対する間隔の調整 連続する約物文字に対する間隔の調整 すべての約物文字に対する間隔の調整
space-all しない
normal しない 行に収まらない場合のみ する しない
space-first 1行目を除いてする
trim-start する
trim-both する
trim-all する
auto ユーザーエージェントに依存

text-spacing-trimの仕様

初期値
  • normal
対象となる要素
  • テキスト
継承
  • あり

text-spacing-trimのサンプルソース

p {
  text-indent: 1em;
  text-spacing-trim: trim-both;
}

主要ブラウザの対応

IE11 ×
Edge（EdgeHTML） ×
Edge（Chromium） ○
Chrome ○
Firefox ×
Safari ×
iOS Safari ×
Android Chrome ○

関連するプロパティ

仕様書

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge（EdgeHTML）
Edge（Chromium）
Firefox
Chrome
Safari
iOS Safari
Android Chrome