Compartir a través de

white-space

  • Artículo

Establece un valor que indica si se insertarán saltos de línea automáticos dentro del objeto.

Sintaxis

{ white-space: sWrap }

Valores posibles

sWrap

Cadena que especifica o recibe uno de los valores siguientes:

normal

Valor predeterminado. Se insertan automáticamente saltos de línea en el texto. El contenido se ajusta en la siguiente línea si supera el ancho del objeto.

nowrap

Se suprimen los saltos de línea. El contenido no se ajusta en la siguiente línea.

pre

Se conservan los saltos de línea y otros espacios en blanco. Este valor posible se admite en Microsoft Internet Explorer 6 y en versiones posteriores cuando la declaración !DOCTYPE especifica el modo compatible con estándares. Si la declaración !DOCTYPE no especifica este modo, puede recuperar este valor, pero no afecta a la representación; funciona de forma similar al valor normal.

La propiedad tiene el valor predeterminado normal. Se hereda.

Observaciones

En los documentos HTML, los espacios en blanco, como los saltos de línea, los espacios y las tabulaciones, se contraen de forma predeterminada. Puede usar la entidad de espacio de no separación ( ) para agregar espacios adicionales a un objeto cuando la propiedad white-space se establezca en normal o nowrap. Puede agregar saltos de línea adicionales con el elemento BR.

Ejemplos

En el siguiente ejemplo se muestra cómo se suprimen automáticamente los saltos de línea cuando el usuario sitúa el puntero sobre un párrafo. Esto es a causa de la alternancia del valor de la propiedad white-space en los eventos onmouseover y onmouseout del elemento P. Cuando la propiedad white-space se establece en nowrap en el evento onmouseover, se suprimen los saltos de línea y es necesario desplazarse horizontalmente para ver el contenido que es más ancho que el elemento. Cuando la propiedad se establece en normal en el evento onmouseout, se crean saltos de línea automáticos según el ancho del elemento:

<html>
  <head><style>
      .clsOneliner  {white-space: nowrap}
      .clsAutoBreak {white-space: normal}
  </style>
    </head>
<body>
<p ONMOUSEOVER="this.className='clsOneliner';" 
        ONMOUSEOUT="this.className='clsAutoBreak';">
Long lines of text remain unbroken when the value of the whitespace 
property is set to nowrap. Place your mouse over the text to 
suppress automatic line breaks.</p>
  </body>
</html>

Información sobre estándares

Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).

Aplicable a

ABBR, ACRONYM, ADDRESS, BASEFONT, BLOCKQUOTE, BDO, BIG, BODY, CENTER, CITE, CODE, CUSTOM, DD, DIV, DL, DT, EM, FIELDSET, FORM, FONT, HN, HR, I, INS, LI, OL, P, Q, S, SPAN, SUB, TT, U, UL, XMP