Atributo CSS letter-spacing
- la página anterior izquierda
- Página siguiente line-height
Definición y uso
El atributo letterSpacing aumenta o disminuye el espacio entre los caracteres (espacio entre caracteres).
Esta propiedad define cuánto espacio se inserta entre los cuadros de caracteres de texto. Dado que los patrones de caracteres suelen ser más estrechos que sus cuadros de caracteres, al especificar un valor de longitud, se ajusta el espacio entre las letras. Por lo tanto, 'normal' es equivalente a un valor de 0.
Comentarios:Se permiten valores negativos, lo que hace que las letras se alineen más cerca.
Véase también:
Tutoriales de CSS:Texto CSS
Manual de referencia de HTML DOM:Atributo letterSpacing
Ejemplo
Establecer el espacio entre letras de los elementos h1 y h2:
h1 {letter-spacing:2px;} h2 {letter-spacing:-3px;}
Sintaxis de CSS
letter-spacing: normal|longitud|initial|inherit;
Valor del atributo
Valor | Descripción |
---|---|
normal | Predeterminado. Se especifica que no hay espacio adicional entre caracteres. |
longitud | Define un espacio fijo entre caracteres (se permiten valores negativos). |
inherit | Se especifica que el valor de letter-spacing debe heredarse del elemento padre. |
Detalles técnicos
Valor predeterminado: | normal |
---|---|
Herencia: | sí |
Versión: | CSS1 |
Sintaxis de JavaScript: | object.style.letterSpacing="3px" |
Más ejemplos
- Espacio entre caracteres definido
- Este ejemplo muestra cómo aumentar o disminuir el espacio entre caracteres.
Compatibilidad del navegador
Los números en la tabla indican la primera versión del navegador que admite completamente esa propiedad.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- la página anterior izquierda
- Página siguiente line-height