Referenz:SVG/Attribute/baseline-shift

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut baseline-shift
Beschreibung Mit der Eigenschaft baseline-shift können Sie die Grundlinie des Textes so verschieben, dass Sie hoch- oder tiefgestellten Text anzeigen können.
erlaubte Werte

Folgende Einstellungen sind möglich:

  • baseline (Standardwert)
  • super: hochgestellter Text
  • sub: tiefgestellter Text
  • Längenangabe
  • inherit
default-Wert baseline
animierbar ja, siehe Einzelwerte
anwendbar auf tspan, textPath, (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Leer
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif BaselineShift
Beispiel
<text x="10" y="80">
  CH<tspan baseline-shift="sub">4</tspan> 
  + 2O<tspan baseline-shift="sub">2</tspan>
  → CO<tspan baseline-shift="sub">2</tspan>
  + 2H<tspan baseline-shift="sub">2</tspan>O
</text>

In diesem Beispiel wird die chemische Formel für Alkohol mit tiefgestellten Zahlen dargestellt.

Beachten Sie
Tipp