Gli ultimi tutorial di sviluppo web
 

Style letterSpacing Property

<Stile di oggetto

Esempio

Impostare lo spazio tra i caratteri in un <p> elemento a 15 pixel:

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

Definizione e l'utilizzo

Gli insiemi di proprietà tra lettere o restituisce lo spazio tra i caratteri in un testo.

Suggerimento: per impostare o restituire la spaziatura tra le parole in un testo, utilizzare la wordSpacing proprietà.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà letterSpacing è supportata in tutti i principali browser.


Sintassi

Restituire la proprietà letterSpacing:

object .style.letterSpacing

Impostare la proprietà letterSpacing:

object .style.letterSpacing="normal| I valori delle proprietà
Valore Descrizione
normal spazio normale tra i caratteri. Questa è l'impostazione predefinita
length Definisce lo spazio in unità di lunghezza. I valori negativi sono consentiti
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default: normale
Valore di ritorno: A String, che rappresenta lo spazio tra i caratteri nel testo
CSS Version CSS1

Altri esempi

Esempio

Usando valori negativi:

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

Esempio

Riportare la spaziatura tra le lettere di una <p> elemento:

alert(document.getElementById("myP").style.letterSpacing);
Prova tu stesso "

Esempio

Differenza tra la proprietà e la proprietà letterSpacing wordSpacing:

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Prova tu stesso "

Pagine correlate

Tutorial CSS: CSS Text

Di riferimento CSS: letter-spacing property


<Stile di oggetto