Chris Coyier of CSS-Tricks.com has show us, how to creating “show and edit style element “. It that let users edit CSS styles and have them update in real-time using the HTML5
To implement it. You just put the CSS
<style> blocks in the
<head> and give the HTML5 attribute of contenteditable in your HTML and you can literally edit the CSS right there and watch it effect the page.
Demo : http://css-tricks.com/examples/ShowCSS/
Website : http://css-tricks.com/show-and-edit-style-element/