Neueste Web-Entwicklung Tutorials
 

Style letterSpacing Property

<Style - Objekt

Beispiel

Stellen Sie den Abstand zwischen den Zeichen in einem <p> Element 15 Pixel:

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

Definition und Verwendung

Die letterSpacing Eigenschaftssätze oder gibt den Abstand zwischen den Zeichen in einem Text.

Tipp: Zum Einstellen oder den Abstand zwischen Wörtern in einem Text zurückzukehren, verwenden Sie die wordspacing Eigenschaft.


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Die letterSpacing Eigenschaft wird in allen gängigen Browsern unterstützt.


Syntax

Bringen Sie die letterSpacing Eigenschaft:

object .style.letterSpacing

Stellen Sie die letterSpacing Eigenschaft:

object .style.letterSpacing="normal| Eigenschaftswerte
Wert Beschreibung
normal Normaler Abstand zwischen den Zeichen. Dies ist die Standardeinstellung
length Definiert den Raum in Längeneinheiten. Negative Werte sind erlaubt
initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Technische Details

Standardwert: normal
Rückgabewert: Ein String, die den Abstand zwischen den Zeichen in dem Text
CSS Version CSS1

Mehr Beispiele

Beispiel

Mit negativen Werten:

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

Beispiel

Bringen Sie den Buchstabenabstand eines <p> Element:

alert(document.getElementById("myP").style.letterSpacing);
Versuch es selber "

Beispiel

Differenz zwischen der letterSpacing Eigenschaft und der wordspacing Eigenschaft:

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

function changeWords() {
    document.getElementById("myP2").style.wordSpacing = "15px";
}
Versuch es selber "

Verwandte Seiten

CSS Tutorial: CSS Text

CSS - Referenz: letter-spacing property


<Style - Objekt