Formateo de Texto
altura de línea
La propiedad line-height
define la altura de una línea y se utiliza a menudo para ajustar el espacio entre líneas de texto. Por defecto, line-height
depende de la fuente del texto y viene determinada por el navegador.
``css line-height: multiplicador | valor en px | valor en em | porcentaje
index.html
index.css
index.js
interlineado
La propiedad letter-spacing
establece el espaciado horizontal entre caracteres de texto.
normal
es el espaciado por defecto entre caracteres.value in px
es un valor específico que añade espacio extra entre caracteres.- Valor en em" funciona de forma similar a "px", pero el espaciado es relativo al "tamaño de fuente".
index.html
index.css
index.js
espaciado entre palabras
La propiedad word-spacing
define la distancia entre palabras en el texto. Aumenta el espacio entre palabras. Si hay signos de puntuación en el texto, y se escriben con palabras, se seguirán escribiendo juntos, ya que no hay espacio entre ellos.
- value" es un valor específico que establece el espacio entre palabras.
- heredar` hereda el espaciado entre palabras del elemento padre.
normal
es el espaciado por defecto entre palabras.
index.html
index.css
index.js
sombra-texto
La propiedad text-shadow
añade una sombra al texto.
X set
- ajusta la posición de la sombra horizontalmente. Un valor positivo desplaza la sombra hacia la derecha, mientras que un valor negativo la desplaza hacia la izquierda.Y set
- ajusta la posición de la sombra verticalmente. Un valor positivo mueve la sombra hacia abajo, mientras que un valor negativo la mueve hacia arriba.blur radius
- Si se aumenta el valor, la sombra se vuelve más difusa y clara. Por defecto, el valor es0
si no se especifica.color
- Especifica el color en cualquier formato. Por defecto, el valor es el mismo que el color del texto.
index.html
index.css
index.js
Nota
En el formato de texto, no existen reglas estrictas que dicten qué valores deben utilizarse en situaciones específicas. La elección de las propiedades y valores de formato de texto depende de los requisitos únicos de cada proyecto y de la visión del diseño.
¿Todo estuvo claro?
Contenido del Curso
CSS Fundamentals
1. Introducción a CSS
3. Modelo de Caja y Espaciado de Elementos
CSS Fundamentals
Formateo de Texto
altura de línea
La propiedad line-height
define la altura de una línea y se utiliza a menudo para ajustar el espacio entre líneas de texto. Por defecto, line-height
depende de la fuente del texto y viene determinada por el navegador.
``css line-height: multiplicador | valor en px | valor en em | porcentaje
index.html
index.css
index.js
interlineado
La propiedad letter-spacing
establece el espaciado horizontal entre caracteres de texto.
normal
es el espaciado por defecto entre caracteres.value in px
es un valor específico que añade espacio extra entre caracteres.- Valor en em" funciona de forma similar a "px", pero el espaciado es relativo al "tamaño de fuente".
index.html
index.css
index.js
espaciado entre palabras
La propiedad word-spacing
define la distancia entre palabras en el texto. Aumenta el espacio entre palabras. Si hay signos de puntuación en el texto, y se escriben con palabras, se seguirán escribiendo juntos, ya que no hay espacio entre ellos.
- value" es un valor específico que establece el espacio entre palabras.
- heredar` hereda el espaciado entre palabras del elemento padre.
normal
es el espaciado por defecto entre palabras.
index.html
index.css
index.js
sombra-texto
La propiedad text-shadow
añade una sombra al texto.
X set
- ajusta la posición de la sombra horizontalmente. Un valor positivo desplaza la sombra hacia la derecha, mientras que un valor negativo la desplaza hacia la izquierda.Y set
- ajusta la posición de la sombra verticalmente. Un valor positivo mueve la sombra hacia abajo, mientras que un valor negativo la mueve hacia arriba.blur radius
- Si se aumenta el valor, la sombra se vuelve más difusa y clara. Por defecto, el valor es0
si no se especifica.color
- Especifica el color en cualquier formato. Por defecto, el valor es el mismo que el color del texto.
index.html
index.css
index.js
Nota
En el formato de texto, no existen reglas estrictas que dicten qué valores deben utilizarse en situaciones específicas. La elección de las propiedades y valores de formato de texto depende de los requisitos únicos de cada proyecto y de la visión del diseño.
¿Todo estuvo claro?