Stil mit {stil}

Feb 2009

letter-spacing – CSS-Eigenschaft für den Abstand zwischen Zeichen

letter-spacing steuert den Zwischenraum zwischen aufeinander folgenden Zeichen oder Buchstaben (in der Typografie auch als »Spationierung« oder auch als »sperren« bezeichnet).

Mehr Raum

Mehr Raum

<h3 style="letter-spacing: 0.1em;">Mehr Raum</h3>

Als Maßeinheit für letter-spacing sollte eine relative Größe wie em verwendet werden, damit die Abstände erhalten bleiben, wenn der Benutzer die Schriftgröße im Browserfenster verändert.

Mehr Raum

Mehr Raum

<h3 style="letter-spacing: 0.5em;">Mehr Raum</h3>
<h3 style="letter-spacing: 9px;">Mehr Raum</h3>

Der Unterschied wird sichtbar, wenn der Benutzer die Schriftgröße der Webseite verändert – der Abstand 9px bleibt erhalten, während der Abstand 0.5em entsprechend der Schriftgröße mitwächst.

letter-spacing und Blocksatz

Die CSS-Regel letter-spacing: kann die Ausrichtung im Blocksatz (text-align: justify) überschreiben.

• text-align
• [ letter-spacing ]
• text-decoration
• text-indent
• text-transform
• white-space
• word-spacing

letter-spacing

IE4+ M1 N6 Sa1 CSS1 Erblich: Ja

letter-spacing

Ein positiver Wert erhöht den Abstand, ein negativer Wert lässt Zeichen und Buchstaben enger aneinander rücken.

Werte

normal | <length> | inherit

normal

ist die Standardeinstellung und stellt sicher, dass vorangegangene Deklarationen den Raum zwischen aufeinander folgenden Zeichen nicht beeinflussen.

length

kann in einer der folgenden Maßeinheiten angegeben werden: cm (Zentimeter), em (ems), ex (x-Höhe), in (Inch), mm (Millimeter), pc (Pica), pt (Punkt), px (Pixel)