Dasrx Attribut definiert einen Radius auf der x-Achse.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

• <ellipse>
• <rect>

Beispiel

html,body,svg {  height: 100%;}

<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

Für<ellipse> definiertrx den x-Radius der Form. Mit einem Wert kleiner oder gleich null wird die Ellipse überhaupt nicht gezeichnet.

rect

Für<rect> definiertrx den x-Achsen-Radius der Ellipse, die zum Abrunden der Ecken des Rechtecks verwendet wird.

Die Art und Weise, wie der Wert desrx-Attributs interpretiert wird, hängt sowohl vomry Attribut als auch von der Breite des Rechtecks ab:

• Wenn ein gültig spezifizierter Wert fürrx angegeben wird, jedoch nicht fürry (oder umgekehrt), dann wird der Browser den fehlenden Wert als gleich dem definierten Wert betrachten.
• Wenn wederrx nochry einen gültig spezifizierten Wert haben, wird der Browser ein Rechteck mit eckigen Ecken zeichnen.
• Wennrx größer als die Hälfte der Breite des Rechtecks ist, wird der Browser den Wert fürrx als die Hälfte der Breite des Rechtecks betrachten.

Spezifikationen

Siehe auch

• CSSrx-Eigenschaft