Export (0) Print
Expand All
a
b
c
cx
cy
d
dx
dy
e
f
fx
fy
id
in1
in2
k1
k2
k3
k4
r1
r2
x
x1
x2
y
y1
y2
z
Expand Minimize
0 out of 1 rated this helpful - Rate this topic

rx attribute | rx property

Gets or sets the x-axis radius of a rounded corner rectangle.

Scalable Vector Graphics: Basic Shapes, Section 9.8.1Internet Explorer 9

Syntax

HTML
<element rx="p" ... >
JavaScript
p = object.rx

Property values

Type: Object

The x-axis radius of the ellipse that is used to round the corners of a rectangle. A negative value is an error.

Standards information

Remarks

If you properly specify a value for the rx property but not for the ry property, the rect element is rendered with the effective value of ry equal to rx. If you properly specify a value for ry but not for rx, the rect element is rendered with the effective value of rx equal to ry.

If you do not property specify rx or ry , the rect element is rendered without rounding, resulting in square corners.

If rx is greater than half of the width of the rectangle, the rect element is rendered with the effective value for rx as half of the width of the rectangle. If ry is greater than half of the height of the rectangle, the rect element is rendered with the effective value for ry as half of the height of the rectangle.

See also

SVGRectElement
ellipse

 

 

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback
Show:
© 2014 Microsoft. All rights reserved.