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 - global rules</title> <style> :root { --my-background: orange; --my-padding: 15px; --my-border: #ccc 2px solid; } .box { background-color: var(--my-background); padding: var(--my-padding); } p { padding: var(--my-padding); border: var(--my-border); } </style> </head> <body> <h1 class="box">Learning about CSS variables.</h1> <p>This is a paragraph.</p> </body> </html>
Run
