Die CSS Eigenschaft letter-spacing dient zur Festlegung des Buchstabenabstandes bzw. Zeichenabstandes. Somit kann die Schrift enger zusammengerückt, oder gar weiter auseinandergerückt werden.
Syntax von CSS letter-spacing
Beispiel 1 – Normalzustand herstellen:
letter-spacing: normal;
Beispiel 1 sieht so aus:
Unser letter-spacing CSS Beispiel mit normalen Abstand.
Beispiel 2 – höherer Zeichenabstand:
letter-spacing: 3px;
Beispiel 2 sieht so aus:
Unser letter-spacing CSS Beispiel mit 8 Pixel Abstand.
Beispiel 3 – geringerer Zeichenabstand:
letter-spacing: -1px;
Beispiel 3 sieht so aus:
Unser letter-spacing CSS Beispiel mit Minus 1 Pixel Abstand.
Informationen und Werte
Vererbbar: ja
Initialwert: normal
Werte: normal (normal), Längenangaben positiv oder negativ (in Pixel px, em oder ex), inherit (Vererbung)
Positive Längenangabe: erhöht den Zeichenabstand
Negative Längenangabe: verringert den Zeichenabstand
Marcus alias Speedy86 ist Administrator dieser Webseite und veröffentlicht unter andem News und interessante Artikel rund um WordPress, Suchmaschinenoptimierung, Programmierung und Webdesign. Im Webmaster-Glossar.de gibt es viel wissenswerten Stoff für Webmaster, Webworker bzw. Selbständige im Internet.Artikel:
Bereits 439 Artikel verfasst!
[...] dafür einen eigenen Abstand, der bei einer Zeile immer der gleiche ist. Anders als bei CSS letter-spacing, bestimmt CSS/Browser selbst, welchen Abstand jedes Zeichen bekommt, damit: der Text vom linken bis [...]