ry
示例
html
<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>，ry 定義形狀的 y 半徑。如果值小於或等於零，則橢圓將不會繪製。
| 值 |
<length> | <percentage> | auto |
|---|---|
| 預設值 | auto |
| 可動畫 | 是 |
注意：<ellipse> 的 y 半徑也可以使用 ry 幾何屬性 定義。如果在 CSS 中設定，則 ry 屬性值會覆蓋 ry 屬性值。
矩形
對於 <rect>，ry 定義用於將矩形角圓角的橢圓的 y 軸半徑。
ry 屬性值的解釋方式取決於 rx 屬性和矩形的寬度。
- 如果為
ry提供了正確指定的數值，但沒有為rx提供（或相反），則瀏覽器將認為缺少的值等於已定義的值。 - 如果
ry和rx都沒有正確指定的數值，則瀏覽器將繪製一個具有方形角的矩形。 - 如果
ry大於矩形寬度的一半，則瀏覽器將認為ry的值為矩形寬度的一半。
| 值 |
<length> | <percentage> | auto |
|---|---|
| 預設值 | auto |
| 可動畫 | 是 |
注意：<rect> 角的垂直曲線也可以使用 ry 幾何屬性 定義。如果在 CSS 中設定，則 ry 屬性值會覆蓋 ry 屬性值。
規範
| 規範 |
|---|
| 可縮放向量圖形 (SVG) 2 # RY |