Propiedad tab-size

La propiedad tab-size establece el tamaño de la sangría creada por la tecla Tab.

Funciona solo si está establecida la propiedad white-space con el valor pre o pre-wrap, así como para la etiqueta pre.

El valor de la propiedad acepta un número entero positivo que establece la cantidad de espacios, a la que corresponderá la tecla Tab. Valor por defecto: 8 espacios.

Sintaxis

cssselector {
  tab-size: número entero positivo;
}

Ejemplo

Establezcamos la sangría de Tab, igual a 0 espacios:

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

Результат:

Ejemplo

Establezcamos la sangría de Tab, igual a 1 espacio:

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

Результат:

Ejemplo

Establezcamos la sangría de Tab, igual a 2 espacios:

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

Результат: