Creating Show & Edit Style Element Using HTML5 ContentEditable Attribute

Chris Coyier of 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 ContentEditable attribute.

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 :
Website :

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>