CSS letter-spacing Eigenschaft
- Seite zuvor links
- Nächste Seite line-height
Definition und Verwendung
Die letter-spacing-Eigenschaft erhöht oder verringert den Abstand zwischen Zeichen (Zeichenabstand).
Diese Eigenschaft definiert, wie viel Raum zwischen den Textzeichenkasten gesetzt wird. Da die Zeichengröße normalerweise schmaler ist als der Zeichenkasten, wird der Abstand zwischen den Zeichen angepasst, wenn ein Längenwert angegeben wird. Daher entspricht 'normal' einem Wert von 0.
Anmerkung:Negative Werte sind erlaubt, was das Zusammenrücken der Buchstaben bewirkt.
Weitere Informationen siehe:
CSS-Tutorial:CSS Text
HTML DOM Referenzhandbuch:letterSpacing-Eigenschaft
Beispiel
Zeichenabstand der h1- und h2-Elemente einstellen:
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
CSS-Syntax
letter-spacing: normal|length|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| normal | Standard. Es wird festgelegt, dass zwischen Zeichen kein zusätzlicher Raum besteht. |
| length | Definiert den festen Raum zwischen Zeichen (es können negative Werte verwendet werden). |
| inherit | Es wird festgelegt, dass der Wert der letter-spacing-Eigenschaft vom übergeordneten Element geerbt werden soll. |
Technische Details
| Standardwert: | normal |
|---|---|
| Vererbbarkeit: | yes |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.letterSpacing="3px" |
Mehr Beispiele
- Zeichenabstand (Buchstabenabstand) festlegen
- Dieses Beispiel zeigt, wie man den Abstand zwischen Zeichen erhöhen oder verringern kann.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Seite zuvor links
- Nächste Seite line-height
