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=\"d

Answer 1

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.

Answer 2

CSS used for styling not changing value. You need to use Javascript in this case:

document.getElementById("jqx-chart-axis-text").setAttribute("x", "10");

Demo: http://jsfiddle.net/5sh6X/

Answer 3

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