Recomendaciones de cursos:
- Página anterior Visibilidad
- Página siguiente Ancho
- Volver a la capa superior Objeto Style de HTML DOM
Propiedad whiteSpace del estilo
Definición y uso
whiteSpace
Configuración o retorno de cómo manejar los tabuladores, las nuevas líneas y los espacios en blanco en el texto.
Vea también:Texto CSS
Tutorial de CSS:Manual de CSS:
Propiedad white-space
Ejemplo
Ejemplo 1
document.getElementById("myDIV").style.whiteSpace = "nowrap";
Ejemplo 2
Retornar la propiedad whiteSpace:
alert(document.getElementById("myDiv").style.whiteSpace);
Sintaxis
Retornar la propiedad whiteSpace:
objeto.style.whiteSpace
Configurar la propiedad whiteSpace:
objeto.style.whiteSpace = "normal|nowrap|pre|initial|inherit"
Valor de la propiedad
Valor | Descripción |
---|---|
normal |
Las secuencias de espacios en blanco se reducirán a un solo espacio. El texto se alineará en nuevas líneas cuando sea necesario. Predeterminado. |
nowrap |
Las secuencias de espacios en blanco se reducirán a un solo espacio. El texto nunca se alineará en la siguiente línea. Continuará en la misma línea hasta que se encuentre el marcador <br>. |
pre |
Los espacios en blanco son conservados por el navegador. El texto solo se alineará en los puntos de nueva línea. Similar al etiqueta <pre> de HTML. |
pre-line |
Las secuencias de espacios en blanco se reducirán a un solo espacio. El texto se alineará en nuevas líneas cuando sea necesario, y se alineará en los puntos de nueva línea. |
pre-wrap |
Los espacios en blanco son conservados por el navegador. El texto se alineará en nuevas líneas cuando sea necesario, y se alineará en los puntos de nueva línea. |
initial | Establece esta propiedad en su valor predeterminado. Consulte initial. |
inherit | Hereda esta propiedad del elemento padre. Consulte inherit. |
Detalles técnicos
Valor predeterminado: | normal |
---|---|
Valor de retorno: | Cadena que indica cómo manejar los espacios en blanco dentro de los elementos. |
Versión de CSS: | CSS1 |
Compatibilidad del navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |
- Página anterior Visibilidad
- Página siguiente Ancho
- Volver a la capa superior Objeto Style de HTML DOM