text-autospace CSS property
Baseline 2025
Neu verfügbar
*
Seit November 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Want more browser support for this feature? Tell us why.
* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.
Mit der CSS-Eigenschaft text-autospace können Sie festlegen, welcher Abstand zwischen chinesischen, japanischen und koreanischen (CJK) Zeichen und Nicht-CJK-Zeichen eingefügt wird.
Viele typografische Konventionen für CJK-Texte erfordern einen kleinen Abstand zwischen CJK-Zeichen und westlichen Buchstaben oder Ziffern (siehe die Beschreibungen des W3C zu den Konventionen für das Textlayout im Chinesischen und Japanischen). Manche Autoren fügen dafür manuell ein Leerzeichen ein. text-autospace erzeugt diesen Abstand hingegen auf Ebene der Layout-Engine, ohne zusätzliche Zeichen im Textinhalt zu benötigen.
Probieren Sie es aus
text-autospace: no-autospace;
text-autospace: normal;
text-autospace: ideograph-alpha;
text-autospace: ideograph-numeric;
text-autospace: auto;
<section id="default-example">
<div id="example-element" lang="zh">
<p>HTML超文本标记语言</p>
<p>42四十二</p>
</div>
</section>
#example-element {
font: 2rem sans-serif;
}
p {
margin: 0;
}
Syntax
text-autospace: normal;
text-autospace: no-autospace;
text-autospace: ideograph-alpha;
text-autospace: ideograph-numeric;
text-autospace: punctuation;
text-autospace: insert;
text-autospace: replace;
text-autospace: ideograph-alpha ideograph-numeric punctuation;
text-autospace: ideograph-alpha ideograph-numeric;
text-autospace: ideograph-alpha ideograph-numeric insert;
text-autospace: auto;
/* Global values */
text-autospace: inherit;
text-autospace: initial;
text-autospace: revert;
text-autospace: revert-layer;
text-autospace: unset;
Werte
normal-
Legt das Standardverhalten fest, bei dem automatisch Abstände zwischen CJK- und Nicht-CJK-Zeichen sowie um Satzzeichen eingefügt werden. Dieser Wert hat dieselbe Wirkung wie die gemeinsame Angabe von
ideograph-alphaundideograph-numeric. <autospace>-
Ermöglicht eine genauere Steuerung der Abstände. Akzeptiert das Schlüsselwort
no-autospaceoder eine Kombination aus einem oder mehreren der Werteideograph-alpha,ideograph-numericundpunctuation, optional gefolgt voninsertoderreplace.no-autospace-
Deaktiviert automatische Abstände zwischen CJK- und Nicht-CJK-Zeichen.
ideograph-alpha-
Fügt Abstände nur zwischen ideografischen Zeichen (wie Katakana und Han) und nicht ideografischen Buchstaben (wie lateinischen Buchstaben) ein. Zwischen ideografischen Zeichen und nicht ideografischen Ziffern werden keine Abstände eingefügt.
ideograph-numeric-
Fügt Abstände nur zwischen ideografischen Zeichen (wie Katakana und Han) und nicht ideografischen Ziffern (wie lateinischen Ziffern) ein. Zwischen ideografischen Zeichen und nicht ideografischen Buchstaben werden keine Abstände eingefügt.
punctuation-
Fügt um Satzzeichen geschützte Abstände ein, sofern sprachspezifische typografische Konventionen dies erfordern.
insert-
Fügt den angegebenen Abstand nur dann ein, wenn zwischen den ideografischen und nicht ideografischen Schriftsystemen noch keine Leerzeichen vorhanden sind.
replace-
Ersetzt vorhandene Leerzeichen (wie U+0020) zwischen ideografischen und nicht ideografischen Zeichen durch den angegebenen Abstand.
auto-
Überlässt dem Browser die Wahl eines typografisch geeigneten Abstands. Der Abstand kann je nach Browser und Plattform variieren.
Hinweis:
Wenn weder insert noch replace angegeben ist, entspricht das Verhalten dem von insert.
Hinweis:
Diese Eigenschaft wirkt zusätzlich zu den Eigenschaften word-spacing und letter-spacing. Der durch letter-spacing festgelegte Abstand wird zu dem durch text-autospace erzeugten Abstand addiert. Dasselbe gilt für word-spacing.
Formale Definition
| Anfangswert | normal |
|---|---|
| Anwendbar auf | Textelemente |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
text-autospace =
normal |
<autospace> |
auto
<autospace> =
no-autospace |
[ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]
Spezifikationen
| Spezifikation |
|---|
| CSS Text Module Level 4 # propdef-text-autospace |
Browser-Kompatibilität
Siehe auch
text-spacing-trim- Die Einheiten
icundric - Das Modul CSS Text
- Zusammensetzung gemischter Texte im horizontalen Schreibmodus in „Requirements for Chinese Text Layout“ auf w3.org
- Zusammensetzung gemischter japanischer und westlicher Texte in „Requirements for Japanese Text Layout“ auf w3.org