Propriedade letter-spacing §

---

A propriedade letter-spacing é utilizada para controlar o espaçamento entre os caracteres de um elemento HTML.

Valor da Propriedade letter-spacing §

• normal: O espaçamento padrão entre os caracteres. Pode ser considerado o valor inicial.
• <length>: Um valor numérico que representa o espaçamento em relação ao tamanho da fonte do texto. Pode ser positivo (aumentando o espaçamento) ou negativo (diminuindo o espaçamento).

Exemplos §

Espaçamento padrão §

.p-padrao {
  letter-spacing: normal; /* Espaçamento padrão entre as letras */
}
 
.titulo {
  letter-spacing: 0; /* Pode ser utilizado 0 como equivalente a normal */
}

Aumentando o espaçamento §

.texto-espacado {
  letter-spacing: 2px; /* Aumentando o espaçamento entre as letras em 2 pixels */
}
 
.paragrafo-alargado {
  letter-spacing: 0.2em; /* Utilizando em para ajustar o espaçamento */
}

Diminuindo o espaçamento §

.texto-compacto {
  letter-spacing: -1px; /* Diminuindo o espaçamento entre as letras em 1 pixel */
}
 
.citacao {
  letter-spacing: -0.1em; /* Utilizando em para ajustar o espaçamento negativo */
}

Referências §

---

• Curso de JavaScript e TypeScript do básico ao avançado