Hinweis

Aufgrund technischer Probleme ist unser Forum im Moment nicht erreichbar. Wir bitten um Verständnis und hoffen auf Beseitigung der Schwierigkeiten bis spätestens Montag, 25.6. Unser Blog und unser Wiki sind nach wie vor auch im Moment verfügbar.

CSS/Eigenschaften/Textformatierung/letter-spacing

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften‎ | Textformatierung(Weitergeleitet von Letter-spacing)
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 So sieht's aus
<!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>
So sieht's aus

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.

siehe auch[Bearbeiten]

Referenz: letter-spacing

Abgerufen von „http://wiki.selfhtml.org/index.php?title=CSS/Eigenschaften/Textformatierung/letter-spacing&oldid=53332“