Resumo

A propriedade CSS white-space é usada para descrever como os espaços em branco dentro dos elementos são manipulados.

Sintaxe

Formal syntax:
white-space =
normal|
pre|
pre-wrap|
pre-line|
<'white-space-collapse'>||<'text-wrap-mode'>||<'white-space-trim'>

<white-space-collapse> =
collapse|
discard|
preserve|
preserve-breaks|
preserve-spaces|
break-spaces

<text-wrap-mode> =
wrap|
nowrap

<white-space-trim> =
none|
discard-before||discard-after||discard-inner

white-space: normalwhite-space: nowrapwhite-space: prewhite-space: pre-wrapwhite-space: pre-linewhite-space: inherit

Valores

normal

Sequências de espaços em branco são recolhidas. Caracteres de nova linha no código são tratados como outros espaços em branco. As linhas quebram conforme a necessidade para preencher as linhas das caixas (boxes).

nowrap

Recolhe os espaços em branco como no normal, mas suprime as quebras de linha (quebra de texto) no texto.

pre

Sequências de espaço em branco são preservadas, linhas são quebradas apenas em carateres de nova linha no código e em elementos<br>.

pre-wrap

Sequências de espaço em branco são preservadas. Linhas são quebradas em caracteres de nova linha, em<br> e quando necessário para preencher as linhas das caixas (boxes).

pre-line

Sequências de espaços em branco são recolhidas. Linhas são quebradas em caracteres de nova linha, em<br> e quando necessário para preencher as linhas das caixas (boxes).

A tabela a seguir resume o comportamento dos valores para white-space:

Exemplos

code {  white-space: pre;}

Especificações

Compatibilidade de Navegadores

[1] Internet Explorer 5.5+ suportaword-wrap: break-word;O código a seguir permite quebras de linhas dentro de elementos pre:

pre {  word-wrap: break-word; /* IE 5.5-7 */  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */  white-space: pre-wrap; /* current browsers */}