Características tab-size en CSS

La propiedad tab-size en CSS se utiliza para personalizar el ancho del carácter de tabulación cuyo símbolo está U+0009 en Unicode.

Funciones tab-size css

Valor inicial	`8`
Aplicado a	Bloques de contenedores.
Heredable	Sí
Móvil	Sí
Valor calculado	Como se especificó.

/* <integer> valores numéricos */ 
tab-size: 4;
tab-size: 0;
/* <length>  */ 
tab-size: 10px;
tab-size: 2em;
/* Valores globales  */ 
tab-size: inherit;
tab-size: initial;
tab-size: unset;

Ejemplos y aplicaciones en código

Un ejemplo del uso de la propiedad tab-size en un elemento <pre> (tenga en cuenta que el único caso en que la pestaña se mostrará en documentos HTML es dentro del elemento <pre> o si establecemos el valor de la propiedad white-space en pre o pre-wrap):

< pre > ¡ Espacio utilizado! tab-size: initial; </ pre > 
< pre  class = "tab-2" > tab ¡Espacio utilizado! tab-size: 2; </ pre > 
< pre  class = "tab-4" > tab ¡Espacio utilizado! tab-size-size: 4; </ pre > 
< pre  class = "tab-6" > tab ¡Espacio usado! tab-size-size: 6; </ pre > 
< pre  class = "tab-em" >tab ¡Se ha utilizado el espacio! tab-size-size: 1em; </ pre >

Código CSS:

.tab-2  { tab-size: 2;   }
.tab-4  { tab-size: 4;   }
.tab-6  { tab-size: 6;   }
.tab-em { tab-size: 1em; }

Soporte de navegadores

Característica	Chrome	Firefox	IE	Opera	Safari
Soporte básico	21	4.0	No soportado	15	6.1
<longitud>	42	53.0	No soportado	29	No soportado

El navegador Edge no es compatible con esta función.

Características generales

La propiedad acepta tab-size uno de los dos valores siguientes.

<integer>

El número de espacios en un único carácter de tabulación. Este valor no debe ser negativo.

<length>

Muestra un único carácter de tabulación. Este valor no debe ser negativo.

Estructura tab-size css

tab-size: <integer> | <length>;

Consulta también

La página de propiedades line-height que ajusta el espaciado utilizado para las líneas.
La página de propiedades letter-spacing que especifica cuál es el espacio entre caracteres de texto.