CSS
HTML
COMPONENTS
CODE HUB
CSS Letter Spacing Generator
Konfiguration
Länge
Klasse
Vorschau
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Code
Coden lernen mit Lara
Meistere Programmierkonzepte Schritt für Schritt mit deinem interaktiven KI-Tutor. Lara erklärt komplexe Logik, überprüft deine Praxisübungen und hilft dir, ein solides Fundament in der Softwareentwicklung aufzubauen.
Interaktive Programmierlektionen, angepasst an dein eigenes Tempo.
Jetzt lernen mit Lara startenCSS Letter Spacing Generator
In CSS wird die Eigenschaft letter-spacing verwendet, um den Abstand zwischen Zeichen (Buchstaben) im Text zu steuern. Sie ermöglicht es Ihnen, den Abstand zwischen einzelnen Zeichen innerhalb eines Textelements anzupassen, was nützlich sein kann, um verschiedene typografische Effekte zu erzielen oder die Lesbarkeit von Text zu verbessern.
Hier ist die grundlegende Syntax für die Verwendung der Eigenschaft letter-spacing:
.text-element {
letter-spacing: 2px;
}
In diesem Beispiel:
- Die Klasse .text-element legt den Buchstabenabstand für den Text innerhalb des Elements auf 2 Pixel fest. Sie können auch andere Einheiten wie Ems oder Prozentsätze verwenden.
Sie können auch negative Werte verwenden, um den Abstand zwischen Zeichen zu verringern oder sie näher zusammen erscheinen zu lassen:
.text-element {
letter-spacing: -1px;
}
Die Eigenschaft letter-spacing ist besonders nützlich, um den Abstand in Überschriften, Titeln oder anderen Textelementen anzupassen, um bestimmte Designziele zu erreichen, die Lesbarkeit zu verbessern oder einzigartige visuelle Effekte zu erzielen.