title | slug |
---|---|
y |
Web/SVG/Attribute/y |
{{SVGRef}}
y
属性在用户坐标系统中标识了一个 y 轴坐标。
你可以在以下 SVG 元素中使用该属性:
- {{SVGElement("cursor")}}
- {{SVGElement("feBlend")}}
- {{SVGElement("feColorMatrix")}}
- {{SVGElement("feComponentTransfer")}}
- {{SVGElement("feComposite")}}
- {{SVGElement("feConvolveMatrix")}}
- {{SVGElement("feDiffuseLighting")}}
- {{SVGElement("feDisplacementMap")}}
- {{SVGElement("feDropShadow")}}
- {{SVGElement("feFlood")}}
- {{SVGElement("feFuncA")}}
- {{SVGElement("feFuncB")}}
- {{SVGElement("feFuncG")}}
- {{SVGElement("feFuncR")}}
- {{SVGElement("feGaussianBlur")}}
- {{SVGElement("feImage")}}
- {{SVGElement("feMerge")}}
- {{SVGElement("feMergeNode")}}
- {{SVGElement("feMorphology")}}
- {{SVGElement("feOffset")}}
- {{SVGElement("fePointLight")}}
- {{SVGElement("feSpecularLighting")}}
- {{SVGElement("feSpotLight")}}
- {{SVGElement("feTile")}}
- {{SVGElement("feTurbulence")}}
- {{SVGElement("filter")}}
- {{SVGElement("foreignObject")}}
- {{SVGElement("glyphRef")}}
- {{SVGElement("image")}}
- {{SVGElement("mask")}}
- {{SVGElement("pattern")}}
- {{SVGElement("rect")}}
- {{SVGElement("svg")}}
- {{SVGElement("symbol")}}
- {{SVGElement("text")}}
- {{SVGElement("tref")}}
- {{SVGElement("tspan")}}
- {{SVGElement("use")}}
html,
body,
svg {
height: 100%;
}
<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>
{{EmbedLiveSample("示例", '100%', 200)}}
For {{SVGElement('use')}}, y
defines the y coordinate of the upper left corner of the referenced element.
值 | <length> | <percentage> |
---|---|
默认值 | 0 |
可变性 | 是 |
Note
从 SVG2 开始,y
变为几何属性,这意味着该元素也可以用作使用的元素的 CSS 属性。
{{Specifications}}