CSS 2.1 ::Referenz ::Eigenschaften
CSS 2.1: letter-spacing
Erläuterungen
Diese Eigenschaft ist eine der Spationierungs- Eigenschaften in CSS, d. h. sie dient der Bearbeitung der Abstände zwischen Wörtern oder Zeichen. Letter-spacing
bezieht sich auf die Laufweite eines Textes, also den Abstand zwischen den einzelnen Textzeichen. Dieser Zwischenraum ist keine feste Größe, sondern variiert abhängig von Schriftfamilie und Schriftgrad. Deshalb ist es besser, Räume zwischen Textzeichen und Worten mit Hilfe relativer Längenangaben zu definieren. Dadurch bleiben die Leerräume von der Schriftgröße abhängig und die Homogenität des Textes bleibt erhalten.
Erlaubte Werte
Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):
'letter-spacing' normal | <length> | inherit
normal
(Ausgangswert)- Keine Änderung der Laufweite. Dieser Wert erlaubt es dem Anwenderprogramm, den Abstand zwischen den Zeichen zum Zweck des Randausgleichs zu ändern, wenn gleichzeitig
text-align:justify
gegeben ist. <length>
- Absolute oder relative Längenangabe, um die der normale Zeichenzwischenraum verlängert oder verkürzt wird. Negative Werte bewirken eine Verkürzung des Zwischenraumes. Hier ist es Anwenderprogrammen nicht erlaubt, den Abstand zwischen den Zeichen zusätzlich zum Zwecke des Randausgleichs zu ändern.
- Mehr Informationen über Längenwerte in CSS finden Sie im Grundlagenartikel Längenwerte.
inherit
- Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.
Code-Beispiel:
P.letter { letter-spacing: 0.2em; }
Browserunterstützung
- Die Eigenschaft
letter-spacing
wird von allen modernen Browsern unterstützt, ohne Ausnahmen.
Eric Meyer's CSS2 Test Suite zeigt am praktischen Beispiel, wie die Browser mit dieser Eigenschaft umgehen.
Keine Eigenschaft und kein Selektor stehen in einem Stylesheet für sich allein. In der Praxis kann das Zusammenspiel zwischen verschiedenen Elementen und Selektoren einen nicht zu unterschätzenden Einfluss auf die Fähigkeiten der Browser haben. Bugs treten oft erst durch das Zusammenwirken mehrerer Eigenschaften an unterschiedlichen Elementen auf.
Wechselwirkungen:
Besonderheiten im Medientyp handheld
:
Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.
Weitere Charakteristika:
Die Stylesheet-Schnellreferenz mit einer Zusammenfassung aller visuellen Eigenschaften kann auch als PDF-Datei herunter geladen werden.
Ausgangs- wert: |
Berechneter Wert: |
Vererbung: | Anwendbar- keit: |
%-Bezugs- wert: |
Medien- gruppe(n): |
---|---|---|---|---|---|
normal |
normal oder Absoluter Wert |
Ja | Auf alle Elemente | Nicht zutreffend | Visual |
Verwendete Standards
Dieser CSS-Referenz liegen folgende Spezifikationen zugrunde: CSS 1, CSS 2.1 CR und CSS Mobile.