text-spacing-trim
text-spacing-trim は日本語や中国語の組版で全角句読点が生む過剰な空白を調整します。連続する句読点や行頭・行末の句読点のスペーシングを自動的に最適化し、プロフェッショナルな組版品質を実現します。日本語Webサイトの文字詰めに特に重要です。
概要
text-spacing-trim は日本語や中国語の組版で全角句読点が生む過剰な空白を調整します。連続する句読点や行頭・行末の句読点のスペーシングを自動的に最適化し、プロフェッショナルな組版品質を実現します。日本語Webサイトの文字詰めに特に重要です。
対応ブラウザ
デスクトップ
Chrome 123+
Edge 123+
Safari 未対応
Firefox 未対応
モバイル
Chrome Android 123+
Safari iOS 未対応
Firefox Android 未対応
基本構文
CSS
.japanese-text {
text-spacing-trim: space-all;
}実務での使いどころ
-
日本語句読点の詰め処理
全角句読点が連続する箇所の余分な空白を自動的に詰め、商業印刷に近い品質の組版を実現します。
注意点
- Chrome系ブラウザのみのサポートであり、Safari・Firefox ではまだ利用できません。
アクセシビリティ
- 文字詰めが過度になるとテキストの判読性が低下する場合があるため、適切な設定値を選択してください。