Zeichenabstand: `letter-spacing`

Diese Eigenschaft gibt es seit Version: CSS 1

Mit letter-spacing werden die Abstände zwischen den einzelnen Buchstaben und Zeichen bestimmt. Dabei ist »normal« der normale Zeichenabstand der jeweiligen Schrift. Durch eine Längenangabe kann man den Zeichenabstand vergrößern oder verkleinern.

Code-Beispiel für `letter-spacing`:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
	"http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
   <head> 
      <title>Beispiel für Zeichenabstand</title>
  <style type="text/css"> 
    .grossabstand {letter-spacing: 0.5em;}
    .kleinabstand {letter-spacing: -1px;}
  </style>

  </head> 
  <body> 
    <p class="grossabstand">Dies ist ein Text mit großen Abständen zwischen den Buchstaben.</p>
    <p class="kleinabstand">Dies ist ein Text mit kleinen Abständen zwischen den Buchstaben.</p>
  </body>

</html>

Beispiel ansehen

Initialwert:	normal
Vererbbar:	Ja
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	normal Normaler in der Schrift definierter Zeichenabstand. Längenangabe Ein positiver Wert erhöht den Abstand, ein negativer Wert fügt die Zeichen enger zusammen. Inherit