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.
It is documented as part of the Scalable Vector Graphics specification.
Syntax
/* Usage Example */
circle {
/* Sets the vertical center of the SVG circle */
cy: 50px;
fill: #ef4444;
}
/* Global values */
cy: inherit;
cy: initial;
cy: revert;
cy: revert-layer;
cy: unset;
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.
43+
69+
9+
79+