Día 35: CSS Text Spacing

Día 35: CSS Text Spacing

La ruta del desarrollador web frontend autónomo🤹‍♂️


Espaciado de texto

En este capítulo aprenderás acerca de las siguientes propiedades:

  • text-indent

  • letter-spacing

  • line-height

  • word-spacing

  • white-space


Sangría de texto

La propiedad text-ident se utiliza para especificar la sangría de la primera línea de un texto:

Ejemplo:


Espaciado de letras

La propiedad letter-spacing se utiliza para especificar el espacio entre los caracteres en un texto.

El siguiente ejemplo muestra cómo aumentar o disminuir el espacio entre caracteres:

Ejemplo:


Altura de la línea

La propiedad line-height se utiliza para especificar el espacio entre líneas:

Ejemplo:


Espaciado entre palabras

La propiedad word-spacing se utiliza para especificar el espacio entre las palabras en un texto.

El siguiente ejemplo muestra cómo aumentar o disminuir el espacio entre palabras:

Ejemplo:


Espacio en blanco

La propiedad white-space especifica cómo se maneja el espacio en blanco dentro de un elemento.

Este ejemplo muestra cómo deshabilitar el ajuste de texto dentro de un elemento:

Ejemplo:


Las propiedades de espaciado de texto

PropiedadDescripción
letter-spacingEspecifica el espacio entre caracteres en un texto.
line-heightEspecifica la altura de la línea.
text-indentEspecifica la sangría de la primera línea en un bloque de texto
white-spaceEspecifica cómo manejar los espacios en blanco dentro de un elemento
word-spacingEspecifica el espacio entre palabras en un texto.

Resumen

Este documento explica las propiedades de espaciado de texto en CSS, incluyendo text-indent, letter-spacing, line-height, word-spacing y white-space. También se proporcionan ejemplos y una tabla de resumen.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!