Właściwość tab-size

Właściwość tab-size ustawia rozmiar wcięcia utworzonego za pomocą klawisza Tab.

Działa tylko wtedy, gdy ustawiona jest właściwość white-space z wartością pre lub pre-wrap, a także dla znacznika pre.

Jako wartość przyjmuje dodatnią liczbę całkowitą, która określa liczbę spacji, którym będzie odpowiadał klawisz Tab. Wartość domyślna: 8 spacji.

Składnia

cssselektor {
  tab-size: dodatnia liczba całkowita;
}

Przykład

Ustawmy wcięcie Tab równe 0 spacjom:

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

Результат:

Przykład

Ustawmy wcięcie Tab równe 1 spacjom:

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

Результат:

Przykład

Ustawmy wcięcie Tab równe 2 spacjom:

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

Результат: