Proprietà tab-size

La proprietà tab-size imposta la dimensione del rientro creato dal tasto Tab.

Funziona solo se è impostata la proprietà white-space con il valore pre o pre-wrap, così come per il tag pre.

Il valore della proprietà accetta un numero intero positivo che specifica il numero di spazi a cui corrisponderà il tasto Tab. Valore predefinito: 8 spazi.

Sintassi

cssselettore {
  tab-size: numero intero positivo;
}

Esempio

Impostiamo un rientro Tab pari a 0 spazi:

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

Результат:

Esempio

Impostiamo un rientro Tab pari a 1 spazio:

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

Результат:

Esempio

Impostiamo un rientro Tab pari a 2 spazi:

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

Результат: