Definición de .letter-spacing aplicado en CSS
La propiedad .letter-spacing controla la cantidad de espacio entre cada letra en un elemento dado o bloque de texto. Los valores compatibles con .letter-spacing incluyen valores relativos de fuente (EM, REM), valores absolutos (PX) y la propiedad normal, que se restablece al valor predeterminado de la fuente.
Ejemplo de uso de letter-spacing
Si te gustaría utilizar esta propiedad de CSS en tu stylesheet, hazlo de la siguiente manera:
p {
letter-spacing: 0.0625em;
}Otro ejemplo más avanzado de .letter-spacing es el siguiente de CODEPEN:
Sintaxis de .letter-spacing en CSS
letter-spacing: normal|length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| normal | Define el espacio normal entre caracteres. Esto es predeterminado | |
| longitud | Define una longitud que se utiliza como espacio entre caracteres (también se permiten valores negativos). | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .letter-spacing
Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
