HTML Compiler Online
Javascript Online Compiler
index.html
Change Theme
Compress code
Format code
Download Code
Clear Code
Copy Code!
Run
ctrl+s or click
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS border shorthand example</title> <style> .border1 { border: 1px solid red; } .border2 { border: 1px red solid; } .border3 { border: solid 1px red; } .border4 { border: solid red 1px; } .border5 { border: red solid 1px; } .border6 { border: red 1px solid; } </style> </head> <body> <h1><code>border</code> is a shorthand property for <code>border-width</code>, <code>border-style</code> and <code>border-color</code>.</h1> <p class="border1">This is example text.</p> <p class="border2">This is example text.</p> <p class="border3">This is example text.</p> <p class="border4">This is example text.</p> <p class="border5">This is example text.</p> <p class="border6">This is example text.</p> </body> </html>
Run
x
x
