ry

Атрибут ry задает радиус по оси y.

Этот атрибут можно использовать со следующими элементами SVG:

• <ellipse>
• <rect>

Пример

<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="50" cy="50" ry="0" rx="25" />
  <ellipse cx="150" cy="50" ry="25" rx="25" />
  <ellipse cx="250" cy="50" ry="50" rx="25" />

  <rect x="20" y="120" width="60" height="60" ry="0" rx="15" />
  <rect x="120" y="120" width="60" height="60" ry="15" rx="15" />
  <rect x="220" y="120" width="60" height="60" ry="150" rx="15" />
</svg>

ellipse

Для элемента <ellipse> атрибут ry задает радиус фигуры по оси y. Если значение меньше или равно нулю, эллипс не будет отображаться.

rect

Для элемента <rect> атрибут ry задает радиус по оси y эллипса, используемого для скругления углов прямоугольника.

Интерпретация значения атрибута ry зависит как от атрибута rx, так и от ширины прямоугольника:

• Если для ry задано корректное значение, а для rx — нет (или наоборот), браузер будет считать отсутствующее значение равным заданному.
• Если ни для ry, ни для rx не задано корректное значение, браузер нарисует прямоугольник с прямыми углами.
• Если ry больше половины ширины прямоугольника, браузер будет считать значение ry равным половине ширины прямоугольника.

Спецификации

См. также

• Свойство CSS ry