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 festzulegen, der zwischen chinesischen/japanischen/koreanischen (CJK) und nicht-CJK-Zeichen angewendet wird.
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 sowie um Satzzeichen herum anzuwenden. Dieser Wert hat denselben Effekt wie die Anwendung sowohl von
ideograph-alpha
als auchideograph-numeric
. <autospace>
-
Bietet mehr Kontrolle über die Abstandsverhalten. Es akzeptiert das Schlüsselwort
no-autospace
oder eine Kombination von einem oder mehreren der folgenden:ideograph-alpha
,ideograph-numeric
undpunctuation
, optional gefolgt voninsert
oderreplace
.no-autospace
-
Deaktiviert den automatischen Abstand zwischen CJK- und nicht-CJK-Zeichen.
ideograph-alpha
-
Fügt nur Abstände zwischen ideographischen Zeichen (wie Katakana und Han) und nicht-ideographischen Buchstaben (wie Latein) hinzu. Es fügt keine Abstände zwischen ideographischen Zeichen und nicht-ideographischen Zahlen hinzu.
ideograph-numeric
-
Fügt nur Abstände zwischen ideographischen Zeichen (wie Katakana und Han) und nicht-ideographischen Zahlen (wie Latein) hinzu. Es fügt keine Abstände zwischen ideographischen Zeichen und nicht-ideographischen Buchstaben hinzu.
punctuation
-
Fügt nicht brechende Abstände um Satzzeichen hinzu, wie sie durch sprachspezifische typografische Konventionen erforderlich sind.
insert
-
Fügt den angegebenen Abstand nur hinzu, wenn keine vorhandenen Abstände zwischen den ideographischen und nicht-ideographischen Schriften vorhanden sind.
replace
-
Ersetzt bestehende Abstände (wie U+0020) zwischen ideographischen und nicht-ideographischen Zeichen durch den angegebenen Abstand.
auto
-
Lässt den Browser typografisch passende Abstände wählen. Die Abstände können je nach Browser und Plattform variieren.
Hinweis:
Wenn weder insert
noch replace
spezifiziert sind, verhält sich die Eigenschaft wie insert
.
Hinweis:
Diese Eigenschaft ist additiv mit den Eigenschaften word-spacing
und letter-spacing
. Der durch die Einstellung letter-spacing
hinzugefügte Abstand wird zu dem durch text-autospace
erzeugten Abstand addiert. 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 der Dropdown-Liste 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-trim
ic
undric
Einheiten- CSS Text-Modul