Set css values dinamically pressing buttons

Hi, which I am trying to do is as follows, and I don´t know if it is possible, well the thing is that I would like build a .css dinamically,

I mean load a .css with the properties reset, and be able to set color=red, pressing a button, using a back bean like in JSF, that way I would write 'red' in an input text(#{Content.color}) in the .xhtml file, and would retrieve the value from the .css the same way using jquery

I know the question is a little confusing but I am googling about it but I haven´t clear my ideas about.

¿Any clue?

Thanks

I can't tell what you are actually asking, and bringing in JSF-specific concepts in this forum will not be helpful, but you can dynamically add styles to elements, as well as change their class list with jQuery. These are the supported ways of changing the styles of elements.