baseline-shift

Summary

The ‘baseline-shift’ property allows repositioning of the dominant-baseline( a baseline-table and a baseline-table font-size which are those of the nearest block-level ancestor element and are applied to its root inline box.) relative to the dominant-baseline.

Notes

Remarks

The baseline-shift property allows repositioning of the dominant baseline relative to the dominant baseline of the parent text content element. The shifted object might be a subscript or superscript. Within the shifted object, the whole baseline table is offset; not just a single baseline. The amount of the shift is determined by one of the following:

• the parent text content element
• the subscript or superscript offset from the nominal font of the parent text content element
• the percent of the line-height of the parent text content element
• an absolute value.

Syntax

baseline-shift: baseline | sub | super | percentage | length

Standards information

• Scalable Vector Graphics: Text, Section 10.9.2

Related specifications

Scalable Vector Graphics (SVG) 1.1

W3C Recommendation

See also

Related articles

CSS Layout

• Responsive Web Design

• @import

• align-self

• background

• box-decoration-break

• box-flex

• box-lines

• box-orient

• box-pack

• box-shadow

• break-before

• flex-align

• flex-item-align

• flex-line-pack

• grid-auto-rows

• grid-definition-columns

• grid-definition-rows

• height

• max-width

• user-modify

• baseline-shift

CSS Attributes

• background-blend-mode

• background-position

• break-before

• height

• list-style

• list-style-position

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• user-select

• equality

• Attribute selector

• hyphen

• prefix

• substring

• suffix

• baseline-shift

• JavaScript animation

Related pages

• CSSStyleDeclaration
• currentStyle
• style
• SVGTSpanElement
• SVGTextPathElement
• dominantBaseline

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]