Change x value of SVG text from CSS

Question

Is there anyway to change the x value of this text from my stylesheet?

< text class="jqx-chart-axis-text" x="7" y="11" width="50" height="37" cursor="default">70000

Answer 1

You can use transform: translateX(5px) to change the x coordinate of text element.

Answer 2

You can indirectly affect it, but x isn't a css property (yet).

You can e.g affect text-anchor with CSS. In the future it should hopefully become possible to style the transform in svg content too, but atm it's not supported by all browsers.