letter-spacing

√úbersicht

Die letter-spacing CSS Eigenschaft gibt das Abstandsverhalten zwischen Textzeichen an.

Initialwertnormal
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter (en-US) und ::first-line (en-US).
VererbtJa
Berechneter Wertein optimaler Wert, der entweder aus einer absoluten L√§nge oder dem Schl√ľsselwort normal besteht
AnimationstypLängenangabe

Syntax

/* <length> Werte */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

/* Schl√ľsselwortwerte */
letter-spacing: normal;

/* Globale Werte */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;

Werte

normal
Die Abst√§nde sind die normalen Abst√§nde f√ľr die aktuelle Schriftart. Im Gegensatz zu einem Wert von 0, erlaubt es dieser Wert dem User Agent, den Leerraum zwischen Zeichen zu √§ndern, um Text im Block anzuordnen.
<length>
Beschreibt Leerraum zwischen den Zeichen zusätzlich zum Standardleerraum zwischen Zeichen. Werte können negativ sein, aber es kann implementationsspezifische Beschränkungen geben. User Agents können den Leerraum zwischen den Zeichen nicht weiter verringern oder vergrößern, um den Text im Block anzuordnen.
Siehe length Werte f√ľr m√∂gliche Einheiten.

Formale Syntax

normal | <length>

Beispiele

HTML Inhalt

<p class="first-example"> letter spacing </p>
<p class="second-example"> letter spacing </p>
<p class="third-example"> letter spacing </p>
<p class="fourth-example"> letter spacing </p>

CSS Inhalt

.first-example { letter-spacing: 0.4em; }
.second-example { letter-spacing: 1em; }
.third-example { letter-spacing: -0.05em; }
.fourth-example { letter-spacing: 6px; }

Spezifikationen

Spezifikation Status Kommentar
CSS Text Module Level 3
Die Definition von 'letter-spacing' in dieser Spezifikation.
Anw√§rter Empfehlung Keine √Ąnderung
CSS Transitions
Die Definition von 'letter-spacing' in dieser Spezifikation.
Arbeitsentwurf Definiert letter-spacing als animierbar.
CSS Level 2 (Revision 1)
Die Definition von 'letter-spacing' in dieser Spezifikation.
Empfehlung Keine √Ąnderung
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Die Definition von 'letter-spacing' in dieser Spezifikation.
Empfehlung Urspr√ľngliche SVG Definition
CSS Level 1
Die Definition von 'letter-spacing' in dieser Spezifikation.
Empfehlung Urspr√ľngliche Definition

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch