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.
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:
tab-size: 10;
<textarea class="demo" style="tab-size: 10;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>
tab-size: 15;
<textarea class="demo" style="tab-size: 15;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>
tab-size: 20;
<textarea class="demo" style="tab-size: 20;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>
tab-size: 30;
<textarea class="demo" style="tab-size: 30;">
Przykładowy tekst przygotowany do rozdzielenia tabulatorami. To jest przykładowy paragraf.
</textarea>
Obsługa przeglądarek
| Własność | Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| tab-size | 21.0 | Nie wspiera | 4.0 -moz- | 6.1 | 15.0 10.6 -o- |
źródło:
https://www.w3schools.com/cssref/css3_pr_tab-size.asp
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.