CSS-Eigenschaft text-combine-upright

Die Eigenschaft text-combine-upright legt fest, wie Zeichen in den Raum eines einzelnen Zeichens kombiniert werden.

Wenn der kombinierte Text breiter als 1em ist, sollte der User-Agent den Inhalt innerhalb von 1em anpassen.

INFO

Die Eigenschaft text-combine-upright hat nur eine Auswirkung in vertikalen Schreibmodi.

Anfangswert	none
Gilt für	Nicht ersetzte Inline-Elemente.
Vererbt	Ja.
Animierbar	Nein.
Version	CSS Writing Modes Module Level 3
DOM-Syntax	object.style.textCombineUpright = "all";

Syntax

CSS-Syntax für text-combine-upright

css

text-combine-upright: none | all | digits <integer>?;

Beispiel für die Eigenschaft text-combine-upright:

CSS-Codebeispiel für text-combine-upright

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .example {
        writing-mode: vertical-lr;
        text-combine-upright: digits 2;
        font: 32px "Roboto", Helvetica, sans-serif;
      }
    </style>
  </head>
  <body>
    <h2>Text-combine-upright property example</h2>
    <p lang="ja" class="example">
      平成18年6月22日に
    </p>
  </body>
</html>

Try it Yourself »

Ergebnis

CSS text-combine-upright property

Werte

Wert	Beschreibung
none	Keine spezielle Verarbeitung.
all	Ordnet alle aufeinanderfolgenden typografischen Zeicheneinheiten innerhalb der Box horizontal so an, dass sie den Raum einer einzelnen typografischen Zeicheneinheit innerhalb des vertikalen Zeilenkastens einnehmen.
digits `<integer>`?	Zeigt eine Folge aufeinanderfolgender ASCII-Ziffern (U+0030–U+0039) an, die so viele oder weniger Zeichen hat als die angegebene Ganzzahl, sodass sie den Raum eines einzelnen Zeichens innerhalb des vertikalen Zeilenkastens einnimmt.

Praxis

Was bewirkt die CSS-Eigenschaft 'text-combine-upright'?

Es ermöglicht, Text in einem ansonsten zu engen Raum zu kombinieren.Es verschiebt den Text von links nach rechts.Es wird verwendet, um aufrechte Zeichen zu steuern.Es vergrößert die Schriftgröße des Textes.

CSS-Eigenschaft text-combine-upright ​

Syntax ​

Beispiel für die Eigenschaft text-combine-upright: ​

Ergebnis ​