y

y 属性在用户坐标系统中标识了一个 y 轴坐标。

你可以在以下 SVG 元素中使用该属性：

示例

html

<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
  <rect y="20" x="20" width="60" height="60" />
  <rect y="120" x="20" width="60" height="60" />
  <rect y="220" x="20" width="60" height="60" />
</svg>

use

For <use>, y defines the y coordinate of the upper left corner of the referenced element.

值 <length> | <percentage>
默认值 0
可变性 是

备注： 从 SVG2 开始，y 变为几何属性，这意味着该元素也可以用作使用的元素的 CSS 属性。

规范

Specification
Filter Effects Module Level 1
# element-attrdef-filter-y
Filter Effects Module Level 1
# element-attrdef-fespotlight-y
Filter Effects Module Level 1
# element-attrdef-fepointlight-y
Filter Effects Module Level 1
# element-attrdef-filter-primitive-y
CSS Masking Module Level 1
# element-attrdef-mask-y
Scalable Vector Graphics (SVG) 2
# Y
Scalable Vector Graphics (SVG) 2
# PatternElementYAttribute
Scalable Vector Graphics (SVG) 2
# TextElementYAttribute