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 |