CSS-Zeichenabstand

Texteinzug

text-indent Das Attribut wird verwendet, um den Einzug der ersten Zeile des Textes zu bestimmen:

Beispiel

p {
  text-indent: 50px;
}

Probieren Sie es selbst aus

Buchstabenabstand

letter-spacing Das Attribut wird verwendet, um den Abstand zwischen Zeichen im Text zu bestimmen.

Nachfolgend wird gezeigt, wie der Abstand zwischen Zeichen erhöht oder verringert werden kann:

Beispiel

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Probieren Sie es selbst aus

Zeilenhöhe

line-height Die Eigenschaft wird verwendet, um den Abstand zwischen den Zeilen zu bestimmen:

Beispiel

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Probieren Sie es selbst aus

Wortabstand

word-spacing Die Eigenschaft wird verwendet, um den Abstand zwischen den Wörtern im Text zu bestimmen.

Das folgende Beispiel zeigt, wie Sie den Abstand zwischen den Wörtern erhöhen oder verringern können:

Beispiel

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Probieren Sie es selbst aus

Leerraum

white-space Die Eigenschaft legt die Behandlung des inneren Raums eines Elements fest.

Dieser Beispiel zeigt, wie Sie das Umbruch der Texte innerhalb eines Elements deaktivieren können:

Beispiel

p {
  white-space: nowrap;
}

Probieren Sie es selbst aus