CSS/Eigenschaften/Textformatierung/letter-spacing

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit der Eigenschaft letter-spacing können Sie den Abstand zwischen den Buchstaben bzw. Zeichen im Text bestimmen.

  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
  • CSS 1.0
Beispiel ansehen …
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>letter-spacing</title>
	<style>
	  p    { letter-spacing: 0.25em; width: 30em; }
	  span { letter-spacing: 1em; color: red; }
	</style>
  </head>
  <body>
    <h1>Abstände zwischen Buchstaben festlegen</h1>
    <p>
      Die Zeichen dieses Textabsatzes haben einen
      <span>zusätzlichen Abstand von 0.25em</span>. Innerhalb der farblich
      hervorgehobenen Span-Elemente sind die
      <span>Abstände zwischen den Buchstaben</span> größer.
    </p>
  </body>
</html>

Mit letter-spacing können Sie den Zeichenabstand bestimmen. Folgende Angaben sind möglich:

  • normal, Standardwert, Zeichenabstand der verwendeten Schriftart, Browser kann Abstände flexibel ändern, um Text im Blocksatz anzuordnen, entspricht letter-spacing: 0;
  • eine numerische Angabe, jedoch kein Prozentwert, auch negative Angaben
  • inherit, Zeichenabstand des Elternelements
Beachten Sie: Eine numerische Angabe wird zum Wert für das Schlüsselwort normal dazugerechnet.
  • letter-spacing: 0; bewirkt also nicht, dass die Zeichen aneinanderkleben, sondern dass sie sich wie bei letter-spacing: normal verhalten.
  • letter-spacing: 0.1em; bewirkt analog nicht, daß zwischen den Zeichen genau 0.1em Platz ist, sondern dass zum normalen (letter-spacing: normal;) Zeichenabstand noch 0.1em draufaddiert wird.
Beachten Sie: Ein für ein Element festgelegter Zeichenabstand wird ohne Ihr Zutun an die Kindelemente vererbt.

[Bearbeiten] siehe auch

Referenz: letter-spacing

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML