Eigenschaft tab-size

Die Eigenschaft tab-size legt die Größe des Einzugs fest, der durch die Taste Tab erzeugt wird.

Funktioniert nur, wenn die Eigenschaft white-space auf den Wert pre oder pre-wrap gesetzt ist, sowie für das Tag pre.

Als Wert akzeptiert die Eigenschaft eine positive ganze Zahl, die die Anzahl der Leerzeichen angibt, die der Taste Tab entsprechen soll. Standardwert: 8 Leerzeichen.

Syntax

cssSelektor {
  tab-size: positive Ganzzahl;
}

Beispiel

Setzen wir den Tab-Einzug auf 0 Leerzeichen:

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 0;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Beispiel

Setzen wir den Tab-Einzug auf 1 Leerzeichen:

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 1;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Beispiel

Setzen wir den Tab-Einzug auf 2 Leerzeichen:

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 2;
  white-space: pre;
  border: 1px solid black;
}

Результат: