Loading...


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

ReadyTools Academy

Kommt bald

Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.

Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯

CSS 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.


Top-Werkzeuge

CodeHubBoardly NEULinksy NEUChromo NEU

Sprache wählen

Thema wählen

© 2025 ReadyTools. Alle Rechte vorbehalten.