Sie sind hier: Startseite -> CSS-Grundlagen -> Textformatierung -> Zeichenabstand

CSS-Grundlagen: letter-spacing für den Abstand

Zeichenabstand: Abstand der Zeichen per CSS

Neben der Fettschrift, der Schriftfamilie, der Größe und weiterer Details kann man mit CSS auch den Abstand der einzelnen Zeichen manipulieren. Es gibt den Befehl letter-spacing, der nicht so oft verwendet wird, aber schöne Effekte anbietet.

Eingesetzt wird der Befehl in folgender Weise:

letter-spacing: 3px;
letter-spacing: 3mm;
letter-spacing: 4%;

Der Befehl letter-spacing kann also sowohl numerische Angaben als auch prozentuale Angaben beinhalten. Mit diesem Befehl lassen sich sehr schöne Effekte erzielen, wenn man eine Überschrift oder eine bestimmte Textpassage hervorheben möchte.

ergibt:

letter-spacing: 3mm;

letter-spacing: 2px;

letter-spacing: 10px;

letter-spacing: 2%;

Ebenfalls interessant:

Schriftart

Informationen über den CSS-Befehl font-family und die Möglichkeit, mittels CSS die Schriftart vorzugeben.

Schriftgröße

Informationen über den CSS-Befehl font-size, mit dem sich die Schriftgröße des Textes oder der Überschriften auf einer Webseite festlegen lassen.

Schriftstil

Informationen über den CSS-Befehl font-style, mit dem in CSS der Schriftstil festgelegt werden kann.

Fettschrift

Informationen über den CSS-Befehl font-weight, mit dem in CSS die Fettschrift eingestellt und formatiert werden kann.

Schriftvariante

Informationen über den CSS-Befehl font-variant, mit dem man Text als Kapitälchen darstellen lassen kann.

[aktuelle Seite]

Zeichenabstand

Informationen über den CSS-Befehl letter-spacing, durch den man den Zeichenabstand im Text einstellen kann.

Wortabstand

Informationen über den CSS-Befehl word-spacing, wodurch sich der Abstand zwischen den Wörtern mit CSS definieren lässt.

Textdekoration

Informationen über den CSS-Befehl text-decoration, mit dem die Textdekoration mit CSS ermöglicht wird, beispielsweise unterstreichen oder durchstreichen.

Textumwandlung

Informationen über den CSS-Befehl text-transform, durch den ein Text in Großbuchstaben oder Kleinbuchstaben umgewandelt werden kann.

Textfarbe

Informationen über den CSS-Befehl color, durch den die Textfarbe mittels CSS bestimmt werden kann.

Textschatten

Informationen über den CSS-Befehl text-shadow, durch den eine Schattierung eines Textes möglich wird.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht Textformatierung

Startseite CSS-Grundlagen