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>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:

  • eine numerische Angabe, jedoch kein Prozentwert, auch negative Angaben
  • normal, Voreinstellung, Zeichenabstand der verwendeten Schriftart, Browser kann Abstände flexibel ändern
  • inherit, Zeichenabstand des Elternelements
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