CSS - espaço em branco

Descrição

A propriedade de espaço em branco é usada para alterar o tratamento do agente do usuário de espaços em branco em um elemento.

Valores possíveis

  • normal - Qualquer sequência de espaços em branco dentro do elemento é convertida em um único espaço.

  • pre - Todos os espaços em branco no elemento são respeitados, incluindo vários espaços e retornos de carro.

  • nowrap - Qualquer sequência de espaços em branco dentro do elemento é convertida em um único espaço, mas a quebra de linha é desativada.

Aplica-se a

Todos os elementos de nível de bloco.

Sintaxe DOM

object.style.whiteSpace = "pre";

Exemplo

A seguir está o exemplo que demonstra como o espaço em branco dentro de um elemento é tratado.

<html>
   <head>
   </head>

   <body>
      <p style = "white-space:pre;">
         This text has a line break and the white-space pre setting 
         tells the browser to honor it just like the HTML pre tag.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -