W3docs
de
Anmelden

CSS text-combine-upright Eigenschaft

Die CSS-Eigenschaft text-combine-upright legt die Kombination von Zeichen in den Raum eines einzelnen Zeichens fest. Werte und Beispiele.

Die Eigenschaft text-combine-upright legt die Kombination von Zeichen in den Raum eines einzelnen Zeichens fest.

Wenn der kombinierte Text breiter als 1em ist, sollte der User-Agent den Inhalt auf 1em begrenzen.

Info

Die Eigenschaft text-combine-upright wirkt sich nur in vertikalen Schreibmodi aus.

Anfangswertnone
Gilt fürNicht ersetzte Inline-Elemente.
VererbtJa.
AnimierbarNein.
VersionCSS Writing Modes Module Level 3
DOM-Syntaxobject.style.textCombineUpright = "all";

Syntax

CSS text-combine-upright Syntax

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

Beispiel der text-combine-upright Eigenschaft:

CSS text-combine-upright Codebeispiel

<!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>
Probier es selbst »

Ergebnis

CSS text-combine-upright Eigenschaft

Werte

WertBeschreibung
noneKeine besondere Verarbeitung.
allOrdnet alle aufeinanderfolgenden typografischen Zeicheneinheiten innerhalb der Box horizontal so an, dass sie den Raum einer einzelnen typografischen Zeicheneinheit innerhalb der vertikalen Zeilenbox einnehmen.
digits <integer>?Zeigt eine Folge aufeinanderfolgender ASCII-Ziffern (U+0030–U+0039) an, die so viele oder weniger Zeichen enthält wie die angegebene Ganzzahl, sodass sie den Raum eines einzelnen Zeichens innerhalb der vertikalen Zeilenbox einnimmt.

Übung

Übung
Was bewirkt die CSS-Eigenschaft 'text-combine-upright'?
Was bewirkt die CSS-Eigenschaft 'text-combine-upright'?
Was this page helpful?