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 style</title> <style> p { border-color: red; border-width: 5px; } </style> </head> <body> <p style="border-style:solid">Border created is solid.</p> <p style="border-style:dashed">Border created is dashed.</p> <p style="border-style:dotted">Border created is dotted.</p> <p style="border-style:double">Border created is double.</p> <p style="border-style:hidden">Border created is hidden.</p> <p style="border-style:none">Border created is none.</p> <p style="border-style:groove">Groove defines a 3D grooved border.</p> <p style="border-style:ridge">ridge defines a 3D ridged border.</p> <p style="border-style:inset">Inset defines a 3D inset border.</p> </body> </html>
Run
x
x
