baseline-shift - SVG: Scalable Vector Graphics 编辑

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.

As a presentation attribute, it can be applied to any element but it has effect only on the following four elements: <altGlyph>, <textPath>, <tref>, and <tspan>

Usage notes

Value<length-percentage> | sub | super
Default value0
AnimatableYes
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

SpecificationStatusComment
CSS Inline Layout
The definition of 'alignment-baseline' in that specification.
Working DraftRemoved the baseline value, as it is a redundant keyword within the vertical-align property.
Scalable Vector Graphics (SVG) 2
The definition of 'alignment-baseline' in that specification.
Candidate RecommendationRefers to the definition in CSS Inline Layout and notes that vertical-align should be preferred.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'alignment-baseline' in that specification.
RecommendationInitial definition

Browser compatibility

BCD tables only load in the browser

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:36 次

字数:3978

最后编辑:7 年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文