Limited support Use with care and confirm browser support before shipping it to all users.

text-autospace

The text-autospace CSS property allows you to specify the space applied between Chinese/Japanese/Korean (CJK) and non-CJK characters.

OtherTypography

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
text-autospace
140
140
145
18.4
140
18.4
auto
145
18.4
18.4
ideograph-alpha
145
18.4
18.4
ideograph-numeric
145
18.4
18.4
insert
Experimental
145
no-autospace
140
140
145
18.4
140
18.4
normal
140
140
145
18.4
140
18.4
punctuation
replace
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS 
.mixed-text {
  text-autospace: ideograph-alpha
    ideograph-numeric;
}

Live demo

autospe-s with

CSS autospe-s with demo.

PreviewFullscreen

autospe-s none

CSS autospe-s none demo.

PreviewFullscreen

Number. onlyauto

CSS Number. onlyauto demo.

PreviewFullscreen

Use cases

  • Use text-autospace

    Use text-autospace when the default CSS behavior is not expressive enough for the component or layout you are building.

  • Handle edge cases

    Apply text-autospace to solve a specific styling constraint without introducing broader layout or behavior changes.

Cautions

  • Test text-autospace in the browsers you support, especially if it changes layout, text handling, or interaction behavior.
  • Plan a fallback or acceptable degradation path when support is still limited.

Accessibility

  • Confirm that using text-autospace does not make content harder to perceive, understand, or operate in assistive contexts.

Related links