Add A Live-Edit Style Block To A Web Page

23rd December 2022

This creates an editable region of the page that will update the page as styles are changed.

<style contenteditable style="display:block;white-space:pre;">
html {
  background: red;
}
</style>
css

Add new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
1 + 4 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.