Tab-size касиети

tab-size касиети Tab баскычы менен түзүлгөн жылыштын көлөмүн белгилейт.

Ал гана white-space касиети pre же pre-wrap маанисинде, ошондой эле pre теги үчүн иштейт.

Касиет бүтүн оң санды кабыл алат, ал Tab баскычына туура келген боштуктардын санын көрсөтөт. Демейки мааниси: 8 боштук.

Синтаксис

cssселектор {
  tab-size: бүтүн оң сан;
}

Мисал

Tab жылышын 0 боштукка барабар кылалы:

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

Результат:

Мисал

Tab жылышын 1 боштукка барабар кылалы:

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

Результат:

Мисал

Tab жылышын 2 боштукка барабар кылалы:

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

Результат: