baseline-shift
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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 also has a CSS property counterpart: baseline-shift. When both are specified, the CSS property takes priority.
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:
Usage notes
| Value |
<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
line-height.
Specifications
| Specification |
|---|
| CSS Inline Layout Module Level 3 # baseline-shift-property |
| Scalable Vector Graphics (SVG) 2 # BaselineShiftProperty |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
baseline-shift
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support