Savybė tab-size

Savybė tab-size nustato atitraukimo, sukurtą klavišu Tab, dydį.

Veikia tik jei nustatyta savybė white-space reikšmėje pre arba pre-wrap, taip pat ir tag'ui pre.

Savybės reikšmė priima sveiką teigiamą skaičių, kuris nurodo tarpų kiekį, kuriam atitiks klavišas Tab. Numatytoji reikšmė: 8 tarpai.

Sintaksė

cssselektorius {
  tab-size: sveikas teigiamas skaičius;
}

Pavyzdys

Nustatykime Tab atitraukimą, lygų 0 tarpų:

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

Результат:

Pavyzdys

Nustatykime Tab atitraukimą, lygų 1 tarpui:

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

Результат:

Pavyzdys

Nustatykime Tab atitraukimą, lygų 2-iems tarpams:

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

Результат: