Svojstvo tab-size

Svojstvo tab-size podešava veličinu uvlačenja kreiranog tasterom Tab.

Radi samo ako je postavljeno svojstvo white-space na vrednost pre ili pre-wrap, kao i za tag pre.

Vrednost svojstva je pozitivan ceo broj, koji određuje broj razmaka, kojemu će odgovarati taster Tab. Podrazumevana vrednost: 8 razmaka.

Sintaksa

cssselektor {
  tab-size: pozitivan ceo broj;
}

Primer

Podesićemo uvlačenje Tab, jednako 0 razmaka:

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

Результат:

Primer

Podesićemo uvlačenje Tab, jednako 1 razmaku:

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

Результат:

Primer

Podesićemo uvlačenje Tab, jednako 2 razmaka:

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

Результат: