Características letter-spacing en CSS

La propiedad letter-spacing en CSS que define el espacio entre caracteres de texto.

Funciones letter-spacing css

Valor inicial	`normal`
Aplicado a	Todos los artículos.
Heredable	Si.
Móvil	Sí
Valor calculado	Longitud absoluta o palabra reservada `normal`.

/* <length> */ 
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;
/* palabra reservada */ 
letter-spacing: normal;
/* valores globales */ 
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;

Ejemplos y aplicaciones en código

Ejemplo de uso de valores positivos y negativos con la propiedad letter-spacing de aumentar (o disminuir) el espaciado entre caracteres:

< p  class = "ex1" > espaciado entre letras </ p > 
< p  class = "ex2" > espaciado entre letras </ p > 
< p  class = "ex3" > espaciado entre letras </ p > 
< p  class = "ex4" > espaciado de letras </ p >

Código CSS:

.ex1 { letter-spacing: 0.4em;   }
.ex2 { letter-spacing: 1em;     }
.ex3 { letter-spacing: -0.05em; }
.ex4 { letter-spacing: 6px;     }

Soporte de navegadores

Característica	Chrome	Firefox	IE	Ópera	Safari
Soporte básico	1.0	1.0	4	3,5	1.0

Características general

La propiedad acepta letter-spacing uno de los dos valores siguientes.

normal

El espaciado normal de caracteres en relación con la fuente actual. A diferencia del valor 0, este valor permite al navegador ajustar el espacio entre caracteres (latín) para hacer que el texto llene la línea (justificar el texto).

<length>

Especifica el incremento (o disminución) entre el espaciado de caracteres en relación con el espaciado de caracteres predeterminado. Se permiten valores negativos, pero puede haber limitaciones en su funcionamiento en algunos navegadores. El uso de un valor de longitud con esta propiedad no permitirá que los navegadores aumenten o disminuyan el espacio entre caracteres para justificar el texto.

Estructura letter-spacing css

letter-spacing: normal | <length>;

Consulte también

La página de propiedades font que establece los valores de las font-style subpropiedades font-weight, font-size y font-size-adjust.
La página de propiedades line-height que ajusta el espaciado utilizado para las líneas.