Slickboard
Text mit Stylesheet

Texte mit Stylesheets formatieren

Neben dem normalen Textelement gibt es noch die Möglichkeit, Texte mit Hilfe sogenannter Stylesheets zu formatieren. Dabei werden zuerst in einem Stylesheet-Abschnitt Formatierungen definiert.

<stylesheet>
<style id='irgendwas'.......
</stylesheet>

Diese können dann in einem Text-Element verwendet werden.
Es sind die folgenden Festlegungen möglich:

  • color: Die Textfarbe als Hexadezimal-String
  • fontFamily: Eine Liste von Schriftart-Namen
  • fontSize: Schriftgröße in Pixel
  • fontStyle: 'normal' oder 'italic' für kursiv.
  • fontWeight: 'normal oder 'bold' für fett.
  • leading: Zeilenabstand in Pixel, negative Werte führen zu einem sehr geringen Abstand
  • letterSpacing: Zeichnabstand in Pixel, auch hier sind negative Werte möglich.
  • marginLeft: Linker Randabstand in Pixel.
  • marginRight: Rechter Randabstand in Pixel.
  • textAlign: Textausrichtung, left, center, right oder justify
  • textDecoration: 'none' oder 'underline' für text mit Unterstreichung.
  • textIndent: Einzug der ersten Zeile in Pixel

Beispiel Text mit Stylesheet-Formatierung