tab-size Özelliği

tab-size özelliği, Tab tuşu ile oluşturulan girintinin boyutunu ayarlar.

Yalnızca white-space özelliği pre veya pre-wrap değerine ayarlandığında ve ayrıca pre etiketi için çalışır.

Özellik, pozitif bir tam sayı değeri alır ve bu, Tab tuşunun kaç boşluk karakterine denk geleceğini belirler. Varsayılan değer: 8 boşluk.

Sözdizimi

cssseçici {
  tab-size: pozitif tam sayı;
}

Örnek

Tab girintisini 0 boşluğa eşit ayarlayalım:

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

Результат:

Örnek

Tab girintisini 1 boşluğa eşit ayarlayalım:

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

Результат:

Örnek

Tab girintisini 2 boşluğa eşit ayarlayalım:

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

Результат: