text-autospace
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die text-autospace CSS Eigenschaft ermöglicht es Ihnen, den Abstand zwischen chinesischen/japanischen/koreanischen (CJK) und nicht-CJK-Zeichen anzugeben.
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-
Erstellt das Standardverhalten, um automatisch Abstände zwischen CJK und nicht-CJK-Zeichen und um Satzzeichen herum anzuwenden. Dieser Wert hat denselben Effekt wie das Anwenden von sowohl
ideograph-alphaals auchideograph-numeric. <autospace>-
Bietet mehr Kontrolle über Abstandsverhalten. Es akzeptiert das Schlüsselwort
no-autospaceoder eine Kombination von einem oder mehreren ausideograph-alpha,ideograph-numericundpunctuation, optional gefolgt voninsertoderreplace.no-autospace-
Deaktiviert den automatischen Abstand zwischen CJK und nicht-CJK-Zeichen.
ideograph-alpha-
Fügt nur Abstände zwischen ideografischen Zeichen (wie Katakana und Han) und nicht-ideografischen Buchstaben (wie Latein) hinzu. Es fügt keine Abstände zwischen ideografischen Zeichen und nicht-ideografischen Zahlen hinzu.
ideograph-numeric-
Fügt nur Abstände zwischen ideografischen Zeichen (wie Katakana und Han) und nicht-ideografischen Zahlen (wie Latein) hinzu. Es fügt keine Abstände zwischen ideografischen Zeichen und nicht-ideografischen Buchstaben hinzu.
punctuation-
Fügt nicht-trennende Abstände um Satzzeichen hinzu, wie es von sprachspezifischen typografischen Konventionen verlangt wird.
insert-
Fügt den angegebenen Abstand nur hinzu, wenn keine bestehenden Abstände zwischen den ideografischen und nicht-ideografischen Schriften vorhanden sind.
replace-
Ersetzt bestehende Abstände (wie U+0020) zwischen ideografischen und nicht-ideografischen Zeichen durch den angegebenen Abstand.
auto-
Lässt den Browser typografisch angemessene Abstände wählen. Der Abstand kann bei verschiedenen Browsern und Plattformen variieren.
Hinweis:
Wenn weder insert noch replace angegeben sind, ist das Verhalten dasselbe wie insert.
Hinweis:
Diese Eigenschaft ist additiv mit den Eigenschaften word-spacing und letter-spacing. Die durch die Einstellung letter-spacing erzeugte Abstandsmenge wird zum Abstand hinzugefügt, der durch text-autospace erzeugt wird. Das Gleiche gilt für word-spacing.
Formale Definition
Wert in der Datenbank nicht gefunden!Formale Syntax
text-autospace =
normal |
<autospace> |
auto
<autospace> =
no-autospace |
[ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]
Beispiele
Dieses Beispiel zeigt den Unterschied zwischen verschiedenen Werten von text-autospace. Versuchen Sie, einen Wert aus dem Dropdown-Menü auszuwählen, um zu sehen, wie er den Abstand im Text beeinflusst.
<main>
<figure class="no-autospace">
<figcaption>
<code>
text-autospace: <span id="autospace-value">no-autospace</span>;
</code>
</figcaption>
<div>
<p>HTML超文本标记语言</p>
<p>42四十二</p>
</div>
</figure>
</main>
.no-autospace {
text-autospace: no-autospace;
}
.auto {
text-autospace: auto;
}
.normal {
text-autospace: normal;
}
.ideograph-alpha {
text-autospace: ideograph-alpha;
}
.ideograph-numeric {
text-autospace: ideograph-numeric;
}
Spezifikationen
| Specification |
|---|
| CSS Text Module Level 4> # propdef-text-autospace> |
Browser-Kompatibilität
Loading…
Siehe auch
text-spacing-trimicundricEinheiten- CSS Text Modul