y - SVG | MDN

« SVG Attribute reference home

The y attribute indicates a y-axis coordinate in the current SVG coordinate system. The exact effect of this coordinate depends on the element. Most of the time, it represent the y-axis coordinate of the upper-left corner of the bounding box of the reference element, positioning the element vertically.

If the attribute is not specified, the default value is 0, except for the <filter> and <mask> elements where the default is -10%.

Usage

Categories	None
Value	<coordinate>
Animatable	Yes
Normative document	SVG 1.1 (2nd Edition): altGlyph element SVG 1.1 (2nd Edition): cursor element SVG 1.1 (2nd Edition): fePointLight element SVG 1.1 (2nd Edition): feSpotLight element SVG 1.1 (2nd Edition): filter element SVG 1.1 (2nd Edition): foreignObject element SVG 1.1 (2nd Edition): glyphRef element SVG 1.1 (2nd Edition): image element SVG 1.1 (2nd Edition): pattern element SVG 1.1 (2nd Edition): rect element SVG 1.1 (2nd Edition): svg element SVG 1.1 (2nd Edition): text element SVG 1.1 (2nd Edition): use element SVG 1.1 (2nd Edition): Filter primitive SVG 1.1 (2nd Edition): mask element SVG 1.1 (2nd Edition): tspan element

Example

<?xml version="1.0"?>
<svg width="120" height="120"
     viewBox="0 0 120 120"
     xmlns="https://www.w3.org/2000/svg">

  <rect x="10" y="10" width="100" height="100"/>
</svg>

Elements

The following elements can use the y attribute

y

Usage

Example

Elements

문서 태그 및 공헌자