CSS
HTML
COMPONENTS
CODE HUB
Generador de Espaciado entre Letras CSS
Configuración
Longitud
Clase
Vista previa
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Código
ReadyTools Academy
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Fortschritt, lerne in deinem eigenen Tempo und habe Spaß dabei! 🎯
ComenzarGenerador de Espaciado entre Letras CSS
En CSS, la propiedad letter-spacing se utiliza para controlar la cantidad de espacio entre los caracteres (letras) en un texto. Permite ajustar el espaciado entre caracteres individuales dentro de un elemento de texto, lo cual puede ser útil para lograr varios efectos tipográficos o mejorar la legibilidad del texto.
Aquí está la sintaxis básica para usar la propiedad letter-spacing:
.text-element {
letter-spacing: 2px;
}
En este ejemplo:
- La clase .text-element establece el espaciado entre letras del texto dentro del elemento a 2 píxeles. También puedes usar otras unidades como ems o porcentajes.
También puedes usar valores negativos para reducir el espacio entre caracteres o hacer que parezcan más cercanos entre sí:
.text-element {
letter-spacing: -1px;
}
La propiedad letter-spacing es particularmente útil para ajustar el espaciado en encabezados, títulos u otros elementos de texto para lograr objetivos de diseño específicos, mejorar la legibilidad o crear efectos visuales únicos.