Хосияти 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;
}

Результат: