A tab-size tulajdonság

A tab-size tulajdonság beállítja a Tab billentyű által létrehozott behúzás méretét.

Csak akkor működik, ha a white-space tulajdonság értéke pre vagy pre-wrap, valamint a pre tag esetén.

Értéke pozitív egész szám, amely megadja a szóközök számát, amelyeknek a Tab billentyű felel meg. Alapértelmezett érték: 8 szóköz.

Szintaxis

cssselector {
  tab-size: pozitív egész szám;
}

Példa

Állítsuk be a Tab behúzást 0 szóközre:

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

Результат:

Példa

Állítsuk be a Tab behúzást 1 szóközre:

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

Результат:

Példa

Állítsuk be a Tab behúzást 2 szóközre:

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

Результат: