Características tab-size en CSS

por

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.

Características tab-size en CSS

Funciones tab-size css

Valor inicial8
Aplicado aBloques de contenedores.
HeredableSí
MóvilSí
Valor calculadoComo se especificó.
/*  valores numéricos */ 
tab-size: 4;
tab-size: 0;
/*   */ 
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 

 (tenga en cuenta que el único caso en que la pestaña se mostrará en documentos HTML es dentro del elemento 
 o si establecemos el valor de la propiedad white-space en pre o pre-wrap):
< pre > ¡ Espacio utilizado! tab-size: initial;  
< pre  class = "tab-2" > tab ¡Espacio utilizado! tab-size: 2;  
< pre  class = "tab-4" > tab ¡Espacio utilizado! tab-size-size: 4;  
< pre  class = "tab-6" > tab ¡Espacio usado! tab-size-size: 6;  
< pre  class = "tab-em" >tab ¡Se ha utilizado el espacio! tab-size-size: 1em; 
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ísticaChromeFirefoxIEOperaSafari
Soporte básico214.0No soportado156.1
4253.0No soportado29No 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.
El número de espacios en un único carácter de tabulación. Este valor no debe ser negativo.
Muestra un único carácter de tabulación. Este valor no debe ser negativo.
Estructura tab-size css
tab-size:  | ;
 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.