cx

The cx CSS property defines the x-axis center point of an SVG circle or ellipse element. If present, it overrides the element’s attribute.

Note: While SVG the attribute is relevant to the SVG radialGradient element, the cx property only applies to circle and ellipse elements nested in an svg. It doesn’t apply to <radialGradient> or other SVG elements nor to HTML elements or pseudo-elements.

Values: The length and percentage values denote the horizontal center of the circle or ellipse.

Values: length As an absolute or relative length, it can be expressed in any unit allowed by the CSS <length> data type. Negative values are invalid.

Syntax example: cx: 20px;