ry
Sets the vertical radius of an SVG <ellipse> or the corner rounding radius of a <rect>. It works just like 'rx' but for the vertical axis.
Quick example
rect.card {
/* Rounds the top and bottom corners of the SVG rectangle */
ry: 15px;
}Quick facts
Initial value
0Inherited
No
Applies to
SVG <ellipse> and <rect> elements
Animation type
byComputedValueType
ry Browser Support
Widely available Since 2020 94% 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+
17.4+
79+