Índice

Espacio entre letras

Esta propiedad permite variar el espacio entre los caracteres; usada sin exageración, mejora la legibilidad de un texto.

letter-spacing:

valor de longitud (por ejemplo, 8px)

normal

Comentarios

  • Los valores de longitud deben determinarse en valores absolutos. Los valores relativos, por ejemplo en porcentaje, no están admitidos en esta propiedad.

  • Un valor positivo agrega espacio entre las letras. Un valor negativo disminuye el espacio entre las letras.

  • La justificación del texto exige al navegador modificar el espacio entre las letras. Un valor de letter-spacing definido a 0 impedirá la justificación del texto.

  • Para evitar que la propiedad letter-spacing no aproxime demasiado las palabras y mantener la legibilidad del texto, es posible combinarla con un espaciamiento normal entre palabras word-spacing: normal; (véase la siguiente propiedad).

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   .espacio1 { letter-spacing: 15px;} 
   .espacio2 { letter-spacing: -3px;} 
   </style> 
</head> 
<body> 
   <h2 class="espacio1">Texto estirado</h2> 
   <h2>Texto normal</h2> 
   <h2 class="espacio2">Texto condensado</h2> 
</body> 
</html>
images/CAP14IMG05.png