Style whiteSpacePropiedad

Style 对象参考手册Objeto Style

Definición y uso

La propiedad whiteSpace establece o devuelve cómo manejar las tabulaciones, los saltos de línea y los espacios en el texto.

Sintaxis

Establecer la propiedad whiteSpace:

Object.style.whiteSpace="normal|nowrap|pre|inherit"

Devolver la propiedad whiteSpace:

Object.style.whiteSpace

Valor Descripción
normal Predeterminado. Ignora automáticamente los espacios y los saltos de línea.
nowrap Ignora los espacios, pero no permite los saltos de línea.
pre Los saltos de línea y otros espacios se conservan.
inherit El valor de la propiedad whiteSpace se hereda del elemento padre.

Compatibilidad del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales admiten la propiedad whiteSpace.

Nota:IE7 y versiones anteriores no admiten el valor "inherit". IE8 solo admite "inherit" si se especifica !DOCTYPE. IE9 admite "inherit".

Ejemplo

Ejemplo

Conservar los saltos de línea y los espacios en blanco en el texto:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function displayResult(){
    document.getElementById("div1").style.whiteSpace="pre";
}
</script>
</head>
<body>

<div id="div1">
Es to es un texto, es to es u n tex to. Es to
u n texto, es to es un tex to , es to es un tex to.
</div>
<br>
<button type="button" onclick="displayResult()">Conservar saltos de línea y espacios en blanco</button>

</body>
</html>

Pruébalo »

Style 对象参考手册Objeto Style Otras extensiones