Atributo white-space CSS

Definición y uso

La propiedad white-space define cómo se deben manejar los espacios en blanco dentro del elemento.

Esta propiedad declara cómo se deben manejar los espacios en blanco durante el proceso de diseño de la disposición. Los valores pre-wrap y pre-line se añadieron en CSS 2.1.

Véase también:

Tutoriales de CSS:Texto CSS

Manual de referencia de HTML DOM:Atributo whiteSpace

Ejemplo

Se especifica que el texto en los párrafos no debe hacer saltos de línea:

p
  {
  white-space: nowrap;
  }

Prueba tú mismo

Sintaxis de CSS

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Valor del atributo

Valor Descripción
normal Predeterminado. Los espacios en blanco se ignorarán por el navegador.
pre Los espacios en blanco se conservarán. Su comportamiento es similar a la etiqueta <pre> de HTML.
nowrap El texto no saltará de línea, continuará en la misma línea hasta que se encuentre con la etiqueta <br>.
pre-wrap Mantenga las secuencias de espacios en blanco, pero realice saltos de línea normales.
pre-line Combine las secuencias de espacios en blanco, pero mantenga los saltos de línea.
inherit Se especifica que el valor de la propiedad white-space debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: normal
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.whiteSpace="pre"

Más ejemplos

Prohibir el quebrado de texto en un elemento
Este ejemplo muestra cómo prohibir que el texto se quebre en un elemento.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esa propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5