Espaciado de texto y espaciado de palabras en CSS | Explicado
En HTML/CSS, si tenemos que agregar algunos espacios adicionales entre las palabras o líneas, las propiedades de CSS nos permiten controlar el espacio entre las líneas, las palabras e incluso las letras. Este artículo se concentrará en las propiedades de espacios de palabras y espacios de letras y después de leer este artículo, podrá responder a los siguientes términos:
- ¿Qué es el espacio entre palabras??
- Cómo usar la propiedad de espacios de palabras en CSS?
- ¿Qué es el espacio entre letras??
- Cómo usar la propiedad de espacios de letras en CSS?
- ¿Cuál es la diferencia entre las propiedades de espaciado de letras y espacios de palabras??
Este artículo proporciona una comprensión completa de las preguntas mencionadas anteriormente con la ayuda de algunos ejemplos. Entonces, sin más retraso, comencemos la discusión con la definición formal de espaciado de palabras.
Espacio de palabras en CSS
Como su nombre, sugiere que esta propiedad es capaz de manejar el espacio entre las palabras. Podemos asignar un específico "longitud"A esta propiedad para ajustar el espacio entre las palabras i.mi. Podemos aumentar o disminuir el espacio entre diferentes palabras.
Cómo usar la propiedad de espacios de palabras en CSS
Entendamos este concepto prácticamente con el ejemplo a continuación:
Ejemplo
En este código, creamos un párrafo y agregamos un espacio adicional entre las palabras:
Este es un párrafo ..
El siguiente será la salida de la pieza de código anterior:
Lo que hemos observado en el código anterior es que es un párrafo normal sin espacios adicionales, por lo tanto, necesitamos una forma adecuada de poner espacio entre las palabras.
Ejemplo
Podemos agregar algunos espacios adicionales utilizando la propiedad de espacio de palabras CSS:
Este es un párrafo ..
Ahora la salida verificará el espacio entre cada palabra es 0.5 cm:
El espacio se puede agregar entre las palabras en varias unidades como PX, CM, MM, etc.
Espaciado de letras en CSS
Esta propiedad es similar a la propiedad de las palabras, la única diferencia es que la propiedad de espacios de letras se dirige a las letras individuales en lugar de las palabras i.mi. controla el espacio entre las letras.
Cómo usar la propiedad de espacios de letras en CSS
Comprenderemos el funcionamiento de esta propiedad utilizando un ejemplo. Para diferenciar entre el funcionamiento del espacio entre palabras y la espacios espaciales.
Ejemplo
El siguiente código dado implementará la separación de palabras en el
elemento y espacios de letras en el
elemento:
Espaciado de texto
Este es un párrafo ..
El siguiente será la salida para el código de giro anterior:
La salida anterior verifica que la propiedad de espaciado de letras agregó el espacio entre las letras y la propiedad de la separación de palabras agregó el espacio entre las palabras.
Conclusión
La propiedad de la separación de palabras y las propiedades de espacios de letras se pueden usar en el CSS para controlar el espacio entre las palabras y las letras respectivamente. Se pueden usar diferentes valores de longitud de CSS como PX, MM, CM, para ajustar el espacio entre las letras y las palabras. Este artículo presenta una guía completa para las propiedades de espacios de palabras, espacios de letras en CSS y explica la necesidad y uso de estas propiedades.