2.7.2 Zeichen-Formatierung
en Character-formatting
fr Format des caractères

• 1 Zeichenabstand (letter spacing)
  • a) Beispiel 1: So kann der Zeichenabstand im Text verändert werden
  • b) Beispiel 2: Angabe im Stylesheet
  • c) Beispiel 3: Angabe in em
  • d) Syntax

HTML: Text-Elemente

-

⇧ 1 Zeichenabstand
en Letter spacing
fr Espacement des caractères

• a) Beispiel 1: So kann der Zeichenabstand im Text verändert werden
• b) Beispiel 2: Angabe im Stylesheet
• c) Beispiel 3: Angabe in em
• d) Syntax

HTML: Text-Elemente

-

↑ a) Beispiel 1: So kann der Zeichenabstand im Text verändert werden

1) Angabe im Quelltext

<p>
<span style="letter-spacing:1pt">
Beispieltext mit Zeichenabstand 1pt</span><br>
<span style="letter-spacing:3pt">
Beispieltext mit Zeichenabstand 3pt</span><br>
<span style="letter-spacing:5pt">
Beispieltext mit Zeichenabstand 5pt</span><br>
<span style="letter-spacing:7pt">
Beispieltext mit Zeichenabstand 7pt</span>
</p>

2) Ausgabe im HTML-Dokument

Beispieltext mit Zeichenabstand 1pt
Beispieltext mit Zeichenabstand 3pt
Beispieltext mit Zeichenabstand 5pt
Beispieltext mit Zeichenabstand 7pt

• SELFHTML de letter-spacing (Zeichenabstand)
  SELFHTML de Beispiel

-

↑ b) Beispiel 2: Angabe im Stylesheet

Mit dieser Fomatierung im Stylesheet könnte für z.B. alle Titel der Zeichenabstand verändert werden

• h1 {letter-spacing: 0.1em }

• h2 {letter-spacing: -3px }

• h4 {letter-spacing: 0.5cm }

• W3Schools en: Beispiel: Specify the space between characters

-

↑ c) Beispiel 3: Angabe in em

Es wird empfohlen, die Zeichenabstände in em anzugeben.

Angabe im Stylesheet

h1 {font-size:1.69em;font-weight:bold;
letter-spacing:0.1em;
background:transparent;color:red;}

-

↑ d) Syntax

• Web Design Group en Syntax: letter-spacing

↑