
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 lasfont-style
subpropiedadesfont-weight
,font-size
yfont-size-adjust
. - La página de propiedades
line-height
que ajusta el espaciado utilizado para las líneas.
- Propiedades float en CSS
- Propiedad clear en CSS
- Introducción al Lenguaje de Programación CSS
- Diferencias entre SASS y SCSS
- Características z-index en CSS
- Características width en CSS
- Características visibility en CSS
- Características top en CSS
- Características text-decoration-style en CSS
- Características text-decoration-line en CSS
- Características text-decoration-color en CSS
- Características text-decoration en CSS
- Características text-align-last en CSS
- Características text-align en CSS
- Características tab-size en CSS
- Características right en CSS
- Características position en CSS
- Características padding-top en CSS
- Características padding-right en CSS
- Características padding-left en CSS
- Características padding-bottom en CSS
- Características padding en CSS
- Características overflow-y en CSS
- Características overflow-x en CSS
- Características overflow-wrap en CSS
- Características overflow en CSS
- Características order en CSS
- Características min-width en CSS
- Características min-height en CSS
- Características max-width en CSS
- Características max-height en CSS
- Características margin-top en CSS
- Características margin-right en CSS
- Características margin-left en CSS
- Características margin-bottom en CSS
- Características line-height en CSS
- Características line-break en CSS
- Características letter-spacing en CSS
- Características left en CSS
- Características justify-content en CSS
- Características height en CSS
- Características font-weight en CSS