Egenskapen tab-size

Egenskapen tab-size ställer in storleken på indrag som skapas med tangenten Tab.

Fungerar endast om egenskapen white-space är satt till värdet pre eller pre-wrap, samt för taggen pre.

Egenskapen tar ett positivt heltal som värde, som anger antalet mellanslag som tangenten Tab ska motsvara. Standardvärde: 8 mellanslag.

Syntax

cssselector {
  tab-size: positivt heltal;
}

Exempel

Ställ in tabbindrag som motsvarar 0 mellanslag:

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;
}

Результат:

Exempel

Ställ in tabbindrag som motsvarar 1 mellanslag:

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;
}

Результат:

Exempel

Ställ in tabbindrag som motsvarar 2 mellanslag:

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;
}

Результат: