Online HTML Editor
Javascript Online Compiler
index.html
Change Theme
Compress code
Uncompress code
Download Code
Clear Code
Copy Code!
Run
Click to run or ctrl+s
Output
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS variable override example</title> <style> :root { --my-border: #ccc 2px solid; --my-padding: 15px; } div { border: var(--my-border); padding: var(--my-padding); } p { --my-border: red 2px solid; --my-padding: 10px; border: var(--my-border); padding: var(--my-padding); } </style> </head> <body> <h1>CSS variable override example</h1> <div>This is div element.</div> <p>This is paragraph element.</p> <div> <p>This is a paragraph element inside a div element.</p> </div> </body> </html>
Run
