Propriedade Style letterSpacing

Definição e uso

letterSpacing Propriedade que define ou retorna o espaçamento entre os caracteres do texto (espaçamento de caracteres).

Dica:Para definir ou retornar o espaçamento entre as palavras do texto (espaçamento de palavras), use Propriedade wordSpacing.

Veja também:

Tutorial de CSS:Texto CSS

Manual de CSS:Propriedade letter-spacing

Exemplo

Exemplo 1

Defina o espaçamento entre os caracteres do elemento <p> para 15 pixels:

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

Experimente você mesmo

Exemplo 2

Uso de valores negativos:

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

Experimente você mesmo

Exemplo 3

Retorna o espaçamento de letras do elemento <p>:

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

Experimente você mesmo

Exemplo 4

Diferença entre a propriedade letterSpacing e wordSpacing:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade letterSpacing:

object.style.letterSpacing

Defina a propriedade letterSpacing:

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

Valor da propriedade

Valor Descrição
normal Espaçamento normal entre os caracteres. Padrão.
length Defina o espaçamento usando unidades de comprimento. Permite valores negativos.
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: normal
Retorno: Stringa que representa o espaçamento entre os caracteres do texto.
Versão do CSS: CSS1

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte