Atributo Style letterSpacing

Definición y uso

letterSpacing Atributo para establecer o devolver el espacio entre caracteres en el texto (espacio entre caracteres).

Consejo:Para establecer o devolver el espacio entre palabras en el texto (espacio entre palabras), utilice Atributo wordSpacing.

Vea también:

Tutorial de CSS:Texto CSS

Manual de CSS:Atributo letter-spacing

Ejemplo

Ejemplo 1

Establece el espacio entre caracteres del elemento <p> en 15 píxeles:

document.getElementById("myP").style.letterSpacing = "15px";

Prueba personalmente

Ejemplo 2

Uso de valores negativos:

document.getElementById("myP").style.letterSpacing = "-2px";

Prueba personalmente

Ejemplo 3

Devuelve el espacio entre letras del elemento <p>:

alert(document.getElementById("myP").style.letterSpacing);

Prueba personalmente

Ejemplo 4

La diferencia entre el atributo letterSpacing y el atributo wordSpacing:

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

Prueba personalmente

Sintaxis

Devolver letterSpacing atributo:

object.style.letterSpacing

Establecer letterSpacing atributo:

object.style.letterSpacing = "normal|length|initial|inherit"

Valor del atributo

Valor Descripción
normal Espacio normal entre caracteres. Predeterminado.
length Define el espacio entre caracteres con unidades de longitud. Permite valores negativos.
initial Establece este atributo en su valor predeterminado. Ver initial.
inherit Hereda este atributo del elemento padre. Ver inherit.

Detalles técnicos

Valor predeterminado: normal
Valor devuelto: Cadena que representa el espacio entre caracteres en el texto.
Versión de CSS: CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte