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 den Abstand zwischen chinesischen, japanischen oder koreanischen (CJK) und anderen Zeichen festlegen.
Viele typografische Konventionen für CJK-Schriften erfordern einen kleinen Abstand zwischen CJK-Zeichen und westlichen Buchstaben oder Zahlen (siehe die Beschreibungen des W3C zu den Konventionen für den Textsatz im Chinesischen und Japanischen). Manche Autoren fügen dafür manuell ein Leerzeichen ein. text-autospace fügt diesen Abstand dagegen auf Ebene der Layout-Engine hinzu, 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-
Bewirkt das Standardverhalten, bei dem Abstände zwischen CJK- und Nicht-CJK-Zeichen sowie um Satzzeichen automatisch eingefügt werden. Dieser Wert hat dieselbe Wirkung wie die gemeinsame Verwendung von
ideograph-alphaundideograph-numeric. <autospace>-
Ermöglicht eine genauere Steuerung des Abstandsverhaltens. 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 nur zwischen ideografischen Zeichen (etwa Katakana und Han) und nicht ideografischen Buchstaben (etwa lateinischen Buchstaben) einen Abstand hinzu. Zwischen ideografischen Zeichen und nicht ideografischen Zahlen wird kein Abstand hinzugefügt.
ideograph-numeric-
Fügt nur zwischen ideografischen Zeichen (etwa Katakana und Han) und nicht ideografischen Zahlen (etwa lateinischen Ziffern) einen Abstand hinzu. Zwischen ideografischen Zeichen und nicht ideografischen Buchstaben wird kein Abstand hinzugefügt.
punctuation-
Fügt um Satzzeichen einen geschützten Abstand hinzu, soweit dies sprachspezifische typografische Konventionen erfordern.
insert-
Fügt den festgelegten Abstand nur hinzu, wenn zwischen ideografischen und nicht ideografischen Schriften noch kein Abstand vorhanden ist.
replace-
Ersetzt vorhandene Abstände (etwa U+0020) zwischen ideografischen und nicht ideografischen Zeichen durch den festgelegten Abstand.
auto-
Überlässt dem Browser die Wahl eines typografisch geeigneten Abstands. Der Abstand kann je nach Browser und Plattform unterschiedlich sein.
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
- Gemischter Textsatz im horizontalen Schreibmodus in „Requirements for Chinese Text Layout“ auf w3.org
- Gemischter japanischer und westlicher Textsatz in „Requirements for Japanese Text Layout“ auf w3.org