Espacios en Blanco

Se define mediante la propiedad "white-space", la cual puede tomar los siguientes valores:

  • pre. Cuando queremos que se tome literalemente los escrito, incluyendo todos y cada uno de los espacios en blanco.

  • nowrap. Permite que se conserve todo el texto definido sin aplicar ningún salto de línea forzado por algún elemento del documento. Es el sustituto del típico <TD nowrap>.

  • normal. Valor por defecto para la definición de espacios en blanco, la cual no aplica ninguna consideración especial sobre el texto.

Ejemplo 4. Espacios en blanco

<html>
<head>
<title>Propiedades del texto</title>
<style>
p { width: 300px; }
p.libre { white-space: pre; }
p.sinsaltos { white-space: nowrap; }
p.normal { white-space: normal; }
</style>
</head>
<body>
<p class="libre"> Texto con distintas representacion
de espacios en blanco para ver su comportamiento. </p>
<p class="sinsaltos"> Texto con distintas representacion
de espacios en blanco para ver su comportamiento. </p>
<p class="normal"> Texto con distintas representacion
de espacios en blanco para ver su comportamiento. </p>
</body>
</html>

Figura 7. Espacios en blanco

Espacios en blanco en CSS

Capítulo anterior:
Alineación

Capítulo siguiente:
Anchura de Líneas

Leave A Comment?