tutoriais mais recente desenvolvimento web
 

Style letterSpacing Property

<Estilo de objeto

Exemplo

Defina o espaço entre caracteres em um <p> elemento para 15 pixels:

document.getElementById("myP").style.letterSpacing = "15px";
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades letterSpacing ou retorna o espaço entre os caracteres de um texto.

Dica: Para definir ou devolver o espaçamento entre as palavras em um texto, use o wordSpacing propriedade.


Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade letterSpacing é suportado em todos os principais navegadores.


Sintaxe

Devolver o imóvel letterSpacing:

object .style.letterSpacing

Defina a propriedade letterSpacing:

object .style.letterSpacing="normal| Valores de propriedade
Valor Descrição
normal espaço normal entre os personagens. Este é o padrão
length Define o espaço em unidades de comprimento. Os valores negativos são permitidos
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: normal
Valor de retorno: A String, que representa o espaço entre os caracteres no texto
CSS Versão CSS1

mais Exemplos

Exemplo

Usando valores negativos:

document.getElementById("myP").style.letterSpacing="-2px";
Tente você mesmo "

Exemplo

Voltar a letra espaçamento de um <p> elemento:

alert(document.getElementById("myP").style.letterSpacing);
Tente você mesmo "

Exemplo

Diferença entre a propriedade letterSpacing ea propriedade wordSpacing:

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Tente você mesmo "

Páginas relacionadas

Tutorial CSS: CSS Texto

Referência CSS: letter-spacing property


<Estilo de objeto