Los últimos tutoriales de desarrollo web
 

Style wordSpacing Property

<Estilo de objeto

Ejemplo

Ajuste el espacio entre palabras en un <p> elemento a 50 píxeles:

document.getElementById("myP").style.wordSpacing = "50px";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades wordSpacing o devuelve el espacio entre las palabras en un texto.

Consejo: para establecer o devolver el espaciado entre caracteres en un texto, utilice el letterSpacing propiedad.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad wordSpacing es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad wordSpacing:

object .style.wordSpacing

Establecer la propiedad wordSpacing:

object .style.wordSpacing="normal| Valores de propiedad
Valor Descripción
normal Define el espaciado normal entre palabras. Esto es por defecto
length Especifica el espacio entre las palabras en unidades de longitud. Los valores negativos se les permite
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: normal
Valor de retorno: Una cadena, que representa el espacio entre las palabras en el texto
Versión CSS CSS1

Más ejemplos

Ejemplo

El uso de valores negativos:

document.getElementById("myP").style.wordSpacing = -3px";
Inténtalo tú mismo "

Ejemplo

Devolver el espacio entre palabras de un <p> elemento:

alert(document.getElementById("myP").style.wordSpacing);
Inténtalo tú mismo "

Ejemplo

Diferencia entre la propiedad y la propiedad letterSpacing wordSpacing:

function changeLetters() {
    document.getElementById("myP1").style.letterSpacing = "15px";
}

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS texto

Referencia CSS: palabra propiedad de espaciado


<Estilo de objeto