baseline-shift
属性 baseline-shift
允许相对于父文本内容元素的 dominant-baseline
重定位 dominant-baseline
。该切换对象必须是一个下标或上标。
作为一个外观属性,它还可以直接作为 CSS 样式表内部的属性使用。请看CSS baseline-shift
以了解更多信息。
使用说明
类别 | 外观属性 |
---|---|
值 | auto | baseline | super | sub | <percentage> | <length> | inherit |
可变性 | Yes |
规范文档 | SVG 1.1 (2nd Edition) |
- baseline
-
没有基线切换,
dominant-baseline
依然在原来的位置。 - sub
-
dominant-baseline
切换到下标的默认位置。 - super
-
dominant-baseline
切换到上标的默认位置 - <percentage>
-
该属性的结果值是这个百分数乘以
<text>
元素的line-height
。如果是正值,dominant-baseline 向 shift 同方向移动结果值;如果是负值,dominant-baseline 向 shift 反方向移动结果值,相对于父文本内容元素。值“0%”等于”baseline“。 - <length>
-
如果是正值,dominant-baseline 向 shift 同方向移动<length>距离;如果是负值,dominant-baseline 向 shift 反方向移动<length>距离。值”0cm“等于”baseline“。
示例
元素
下列这些元素可以使用 baseline-shift
属性。
规范
Specification |
---|
CSS Inline Layout Module Level 3 # baseline-shift-property |
Scalable Vector Graphics (SVG) 2 # BaselineShiftProperty |