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

Результат: