cy
Defines the y-coordinate of the center of an SVG element, like a <circle> or <ellipse>. This works similarly to 'cx' but for the vertical axis.
Quick example
circle {
/* Sets the vertical center of the SVG circle */
cy: 50px;
fill: #ef4444;
}Quick facts
Initial value
0Inherited
No
Applies to
SVG <ellipse> elements
Animation type
byComputedValueType
cy Browser Support
Widely available Since 2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
Safe to use without fallbacks.
43+
69+
9+
79+