თვისება 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;
}

Результат: