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.
It is documented as part of the Scalable Vector Graphics specification.
Syntax
/* Usage Example */
rect.card {
/* Rounds the top and bottom corners of the SVG rectangle */
ry: 15px;
}
/* Global values */
ry: inherit;
ry: initial;
ry: revert;
ry: revert-layer;
ry: unset;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.
43+
69+
17.4+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more