SVG/Attribut/dominant-baseline

Das dominant-baseline-Attribut legt die Grundlinie eines Texts oder tspan-Elements fest.

Erlaubte Werte

auto , text-bottom , alphabetic , ideographic, middle , central , mathematical , hanging , text-top

Standardwert

auto

anwendbar auf

text, textPath, tspan

Präsentationsattribut

ja

mit CSS animierbar

ja

Beispiel

tspan {
  text-anchor: middle;
  dominant-baseline: middle;
 }

DEr Text ist sowohl vertikal als auch horizontal zentriert, was das Platzieren und Verschieben einfacher macht.

Beachten Sie: Die Werte 'reset-size', 'use-script' und 'no-change' werden nicht länger unterstützt.

Siehe auch

• Text in SVG
• Vergleiche auch vertical-align:baseline um Grafiken mit CSS am Text auszurichten

Weblinks

• Spezifikation (W3C): dominantBaseline
• MDN: dominant-baseline