x

The x CSS property defines the x-axis coordinate of the top left corner of the SVG rect shape, image image, foreignObject viewport or nested svg viewport relative to the nearest <svg> ancestor’s user coordinate system. If present, it overrides the element’s attribute.

Note: The x property only applies to rect, image, foreignObject, and svg elements nested in an svg. It has no effect on the outermost <svg> elements itself, and does not apply to other SVG elements nor to HTML elements or pseudo-elements.

Values: The length and percentage values denote the x-axis coordinate position of the top left corner of the SVG element container.

Syntax example: x: 40px;