Właściwość CSS tab-size określa ilość spacji jakie zajmuje tabulator. W praktyce oznacza to odstępy pomiędzy konkretnymi wyrazami w tekście. Im większa jego wartość tym przerwy pomiędzy wyrazami będą większe.
W HTML znak tabulacji zalicza się do tzw. znaków białych – czyli nie widoczny dla zwykłego użytkownika. Zwykle wyświetlany w formie znaku spacji, z wyjątkiem niektórych elementów, takich jak <textarea> i <pre>, a wynik właściwości tab-size będzie widoczny tylko dla tych elementów.
Przykłady działania właściwości CSS tab-size
tab-size: 10;
W tym przypadku odstępy między wyrazami będą wielkości 10 tradycyjnych spacji.
<textarea class="demo" style="tab-size: 10;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>tab-size: 15;
Teraz odległość będzie wynosiła już 15.
<textarea class="demo" style="tab-size: 15;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>tab-size: 20;
Odległość 20 spacji, podczas gdy tak naprawę mamy tylko jedną spacje.
<textarea class="demo" style="tab-size: 20;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>tab-size: 30;
Na sam koniec największy odstęp w przykładzie
<textarea class="demo" style="tab-size: 30;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>Obsługa przeglądarek
źródło:
https://www.w3schools.com/cssref/css3_pr_tab-size.asp