CSS/Eigenschaften/Textformatierung/word-spacing

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit der Eigenschaft word-spacing können Sie den Abstand zwischen Wörtern im Text bestimmen.

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

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

  • eine numerische Angabe, jedoch kein Prozentwert, auch negative Angaben
  • normal, Voreinstellung, festgelegt durch die Schriftart bzw. Browsereinstellung, Browser kann Abstände flexibel ändern, um Text im Blocksatz anzuordnen, entspricht word-spacing: 0;
  • inherit, Wortabstand des Elternelements
Beachten Sie: Eine numerische Angabe wird zum Wert für das Schlüsselwort normal dazugerechnet.
  • word-spacing: 0; bewirkt also nicht, dass die Wörter aneinanderkleben, sondern dass sie sich wie bei word-spacing: normal verhalten.
  • word-spacing: 0.1em; bewirkt analog nicht, daß zwischen den Wörtern genau 0.1em Platz ist, sondern dass zum normalen (word-spacing: normal;) Wortabstand 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]