Características letter-spacing en CSS

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 inicialnormal
Aplicado aTodos los artículos.
HeredableSi.
Móvil
Valor calculadoLongitud 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ísticaChromeFirefoxIEÓperaSafari
Soporte básico1.01.043,51.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-weightfont-size y font-size-adjust.
  • La página de propiedades line-height que ajusta el espaciado utilizado para las líneas.