index.md

---

title: baseline-shift
slug: Web/SVG/Attribute/baseline-shift
page-type: svg-attribute
tags:
  - NeedsExample
  - SVG
  - SVG Attribute
browser-compat: svg.attributes.presentation.baseline-shift

---

{{SVGRef}}

The baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element. The shifted object might be a sub- or superscript.

Note: As a presentation attribute baseline-shift can be used as a CSS property.

Note: This property is going to be deprecated and authors are advised to use vertical-align instead.

You can use this attribute with the following SVG elements:

• {{SVGElement("altGlyph")}}

• {{SVGElement("textPath")}}

• {{SVGElement("tref")}}

• {{SVGElement("tspan")}}

Usage notes

Value	{{cssxref("length-percentage")}} | sub | super
Default value	0
Animatable	Yes

• sub

  • : The dominant-baseline is shifted to the default position for subscripts.

• super

  • : The dominant-baseline is shifted to the default position for superscripts.

• <length-percentage>

  • : A length value raises (positive value) or lowers (negative value) the dominant-baseline of the parent text content element by the specified length.

    A percentage value raises (positive value) or lowers (negative value) the dominant-baseline of the parent text content element by the specified percentage of the {{SVGAttr("line-height")}}.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}