Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

css
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 auch ideograph-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 und punctuation, optional gefolgt von insert oder replace.

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.

html
<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>
css
.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

Siehe auch