rx

Атрибут rx задаёт радиус по оси x.

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

• <ellipse>
• <rect>

Пример

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

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

ellipse

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

rect

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

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

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

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

См. также

• Свойство CSS rx