CSS - Formatos de Texto y Espaciado de líneas

De ChuWiki

Espaciado de líneas[editar]

Con CSS podemos decidir qué espacio queremos entre letras, entre palabras y entre líneas de texto.

Los estilos CSS que hay que poner son los siguientes


Separación entre letras[editar]

<p style="letter-spacing:15px;">Letras separadas</p>

Letras separadas

Separación de palabras[editar]

<p style="word-spacing:15px;">Varias palabras separadas mucho</p>

Varias palabras separadas mucho

Separación de líneas[editar]

<p style="line-height:30pt;">Varias lineas<br>separadas 30<br>puntos</p>

Varias lineas
separadas 30
puntos

Formatos de texto[editar]

Con CSS podemos añadir formato a nuestras letras como subrayados, tachados, sobrerayados y parpadeo. Aquí tienes una lista de todas las posibilidades y cómo queda.

  • none: Sin decoración
  • underline: Subrayado
  • overline: Sobrerayado
  • line-through: Tachado
  • blink: Parpadeo

y aquí tienes el código HTML para conseguir los cuatro efectos. Lo suyo sería que lo metieras en una hoja de estilo separada del CSS.

<span style="text-decoration:none">Sin decoración</span>
<span style="text-decoration:underline;">Subrayado</span>
<span style="text-decoration:overline;">Sobrerayado</span>
<span style="text-decoration:line-through;">Tachado</span>
<span style="text-decoration:blink;">Parpadeo</span>


Enlaces[editar]