Style letterSpacing-Attribut

Definition und Verwendung

letterSpacing Setzt oder gibt den Abstand zwischen den Zeichen im Text (Zeichenabstand) zurück.

Hinweis:Um den Abstand zwischen den Wörtern im Text (Wortabstand) zu setzen oder zurückzugeben, verwenden Sie wordSpacing-Attribut.

Weitere Informationen:

CSS-Tutorial:CSS-Text

CSS-Referenzhandbuch:letter-spacing-Attribut

Beispiel

Beispiel 1

Setzt den Abstand zwischen den Zeichen des <p>-Elements auf 15 Pixel:

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

Probieren Sie es selbst aus

Beispiel 2

Negative Werte verwenden:

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

Probieren Sie es selbst aus

Beispiel 3

Gibt den Abstand der <p>-Elemente zurück:

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

Probieren Sie es selbst aus

Beispiel 4

Unterschied zwischen dem letterSpacing- und dem wordSpacing-Attribut:

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

Probieren Sie es selbst aus

Syntax

Gibt das letterSpacing-Attribut zurück:

object.style.letterSpacing

Setzt das letterSpacing-Attribut:

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

Attributwert

Wert Beschreibung
normal Normaler Abstand zwischen den Zeichen. Standard.
length Definiert den Abstand mit Längenединиheten. Negative Werte sind erlaubt.
initial Setzt diesen Attributwert auf seinen Standardwert. Siehe initial.
inherit Erbt diesen Attributwert von seinem übergeordneten Element. Siehe inherit.

Technische Details

Standardwert: normal
Rückgabewert: Zeichenkette, die den Abstand zwischen den Zeichen im Text angibt.
CSS Version: CSS1

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung